CSS អ្នកជ្រើសរើសបន្ទាប់

উত্তরসূরী চিহ্নিতকারী চিহ্নিতকারী

ইলেকট্রনটি তার স্থানের প্রতিপাদ্য সম্পর্কে ভিত্তি করে স্টাইল নির্দিষ্ট করে, আপনি ট্যাগকে আরও সরল করতে পারেন。

CSS1-তে, এইভাবে নিয়ম লাগানোর চিহ্নিতকারী বাছাইকারীকে প্রতিপাদ্য চিহ্নিতকারী চিহ্নিতকারী বাছাইকারী বলা হয়, কারণ তারা নিয়ম লাগানোর জন্য প্রতিপাদ্য সম্পর্কে নির্ভর করে। CSS2-তে, তারা উত্তরসূরী চিহ্নিতকারী চিহ্নিতকারী বাছাইকারী হয়, কিন্তু কোনও নামের মাধ্যমেও তাদের কাজ একই হয়。

উত্তরসূরী চিহ্নিতকারী বাছাইকারী আপনাকে ডকুমেন্টের প্রতিপাদ্য সম্পর্কে ভিত্তি করে কোনও ট্যাগের স্টাইল নির্দিষ্ট করতে দেয়। উত্তরসূরী চিহ্নিতকারী বাছাইকারী সঠিকভাবে ব্যবহার করে, আমরা HTML কোডটিকে আরও সুসংহত করতে পারি।

যেমন, আপনি চান যে তালিকার strong ইলেকট্রনটি ইটালিক হয়, নয় সাধারণ বোল্ড, তাহলে একটি উত্তরসূরী চিহ্নিতকারী বাছাইকারী এইভাবে নির্দিষ্ট করতে পারেন:

li strong {
    font-style: italic;
    font-weight: normal;
  }

দৃষ্টান্ত হিসাবে, <strong> মার্ক করা নীল কোডের প্রতিপাদ্য সম্পর্ক দেখুন:

<p><strong>আমি বোল্ড হয়েছি, নয় ইটালিক, কারণ আমি তালিকার মধ্যে নেই, তাই এই নিয়ম আমার উপর কার্যকর নয়</strong></p>
<ol>
<li><strong>আমি ইটালিক হয়েছি। এটা কারণ যে strong ইলেকট্রন li ইলেকট্রনের মধ্যে আছে。</strong></li>
<li>আমি সাধারণ ফন্টে আছি。</li>
</ol>

উপরোক্ত উদাহরণে, শুধুমাত্র li ইলেকট্রনেমের strong ইলেকট্রনের স্টাইল ইটালিক হয়, strong ইলেকট্রনের বিশেষ class বা id নির্দিষ্ট করতে হয় না, কোডটি আরও সরল।

Let's see the CSS rules below:

strong {
     color: red;
     }
h2 {
     color: red;
     }
h2 strong {
     color: blue;
     }

Below is the HTML that it affects:

<p>The strongly emphasized word in this paragraph is<strong>red</strong>.</p>
<h2>This subhead is also red.</h2>
<h2>The strongly emphasized word in this subhead is<strong>blue</strong>.</h2>

មានតិន្ទះ

ប្រសិនបើអ្នកចង់រៀនពីចំណេះដឹងអំពី អ្នកជ្រើសរើស បន្ទាប់ គ្រាន់តែអាននៅក្នុងការណែនាំកម្មវិធីជាន់ខ្ពស់ CodeW3C.com ដូចខាងក្រោមនេះ: