CSS এক্সটার্ন্যাল চিহ্নিতা (&)

সংজ্ঞা ও ব্যবহার

CSS এক্সটার্ন্যাল (&) চিহ্নিতা একটি অন্য উপাদানের প্রেক্ষাপটে উপাদানের জন্য শৈলী আপনীকে প্রয়োগ করতে ব্যবহৃত হয়。

নিষ্ক্রিয়তা সংশ্লিষ্ট উপাদানগুলির জন্য চিহ্নিতা পুনরাবৃত্তির প্রয়োজনীয়তা হ্রাস করে

প্রকল্প

উদাহরণ 1

এক্সটার্ন্যাল হওয়ার পূর্বে, আপনাকে প্রত্যেক চিহ্নিতাকে স্পষ্টভাবে ঘোষণা করতে হবে, যেমন:

.box {
  border: 2px solid green;
  background-color: beige;
  font-family: monospace;
  font-size: 20px;
}
.box > a {
  color: green;
}
.box > a:hover {
  color: white;
  background-color: salmon;
}

আপনাদের নিজেরাই চেষ্টা করুন

উদাহরণ 2

এক্সটার্ন্যাল হওয়ার পর, চিহ্নিতাটি চিরতরভাবে বজায় থাকে, এবং সংশ্লিষ্ট শৈলী নিয়মগুলি পিতৃশৈলীতে গোষ্ঠীবদ্ধ হয়:

.box {
  border: 2px solid green;
  background-color: beige;
  font-family: monospace;
  font-size: 20px;
  & > a {
    color: green;
    &:hover {
      color: white;
      background-color: salmon;
    }
  }
}

আপনাদের নিজেরাই চেষ্টা করুন

টীকা:যদি উপরোক্ত .box শৈলীটি আপনার প্রকল্প থেকে মুছে ফেলতে হয়, তবে সংশ্লিষ্ট চিহ্নিতার সাথে অনুসন্ধান না করে, সমগ্র গোষ্ঠীটিকে মুছে ফেলতে পারেন。

CSS 语法

parentrule {
  css declarations;
  & childrule {
    css declarations;  } 
}

প্রযুক্তিগত বিবরণ

ব্রাউজার সমর্থন