css - সিএসএস নির্বাচক যা দুটি ক্লাসের সাথে উপাদানগুলিতে প্রযোজ্য



css-selectors (1)

উভয় বর্গ নির্বাচক চেইন (মধ্যে একটি স্থান ছাড়া):

.foo.bar {
    /* Styles for element(s) with foo AND bar classes */
}

যদি আপনার এখনও IE6 এর মতো প্রাচীন ব্রাউজারগুলির সাথে মোকাবিলা করতে হয় তবে সচেতন থাকুন যে এটি সঠিকভাবে শৃঙ্খলাবদ্ধ শ্রেণির নির্বাচকগুলিকে সঠিকভাবে পড়তে পারে না: এটি কেবলমাত্র শেষ শ্রেণির নির্বাচক (এই ক্ষেত্রে)। ।

অন্যান্য ব্রাউজার এবং IE6 এটিকে কীভাবে ব্যাখ্যা করে তা ব্যাখ্যা করার জন্য, এই সিএসএসটি বিবেচনা করুন:

* {
    color: black;
}

.foo.bar {
    color: red;
}

সমর্থিত ব্রাউজারের আউটপুট:

<div class="foo">Hello Foo</div>       <!-- Not selected, black text [1] -->
<div class="foo bar">Hello World</div> <!-- Selected, red text [2] -->
<div class="bar">Hello Bar</div>       <!-- Not selected, black text [3] -->

IE6 আউটপুট হয়:

<div class="foo">Hello Foo</div>       <!-- Not selected, black text [1] -->
<div class="foo bar">Hello World</div> <!-- Selected, red text [2] -->
<div class="bar">Hello Bar</div>       <!-- Selected, red text [2] -->

পাদটিকা:

  • সমর্থিত ব্রাউজার:
    1. এই উপাদান হিসাবে নির্বাচিত না শুধুমাত্র ক্লাস foo
    2. এই উপাদান হিসাবে নির্বাচিত উভয় ক্লাস foo এবং bar
    3. এই উপাদান হিসাবে নির্বাচিত নয় শুধুমাত্র ক্লাস bar

  • IE6:
    1. এই উপাদান হিসাবে নির্বাচিত না ক্লাস bar
    2. এই উপাদান হিসাবে নির্বাচিত ক্লাসে bar , অন্য কোন ক্লাস তালিকাভুক্ত।

শ্রেণিবদ্ধ বৈশিষ্ট্যটি দুটি নির্দিষ্ট ক্লাসে সেট করা মানের ভিত্তিতে সিএসএসের সাথে একটি উপাদান নির্বাচন করার একটি উপায় আছে। উদাহরণস্বরূপ, বলুন আমার 3 ডিভি আছে:

<div class="foo">Hello Foo</div>
<div class="foo bar">Hello World</div>
<div class="bar">Hello Bar</div>

আমি কি CSS এ তালিকাতে দ্বিতীয় উপাদানটি নির্বাচন করতে লিখতে পারি, এটি আসলে Foo এবং bar উভয় শ্রেণীর সদস্য?





css-selectors