সিএসএস-তে সন্নিহিত সিলেক্টর

সন্নিহিত সিলেক্টর + একটি উপাদানকে তার সরাসরি উপরের প্রতিবেশীর উপর ভিত্তি করে নির্বাচন করতে দেয়।

সিনট্যাক্স

cssসিলেক্টর১ + সিলেক্টর২ {
  
}

উদাহরণ

আসুন সকল p ট্যাগকে লক্ষ্য করি, যেগুলো h2 ট্যাগের ঠিক পরে অবস্থিত, এবং সেগুলোকে লাল রঙে রাঙানো যাক:

html<h2>text</h2>
<p>
  +
</p>
<p>
  -
</p>
<p>
  -
</p>

cssh2 + p {
  color: red;
}

Результат:

উদাহরণ

আসুন সকল p ট্যাগকে লক্ষ্য করি, যেগুলো .test ক্লাস যুক্ত উপাদানগুলোর ঠিক পরে অবস্থিত, এবং সেগুলোকে লাল রঙে রাঙানো যাক:

html<p class="test">
  text
</p>
<p>
  +
</p>
<p>
  -
</p>

css.test + p {
  color: red;
}

Результат:

উদাহরণ

আসুন সকল .elem ক্লাস যুক্ত উপাদানকে লক্ষ্য করি, যেগুলো .test ক্লাস যুক্ত উপাদানগুলোর ঠিক পরে অবস্থিত, এবং সেগুলোকে লাল রঙে রাঙানো যাক:

html<p class="test">
  text
</p>
<p class="elem">
  +
</p>
<p>
  -
</p>

css.test + .elem {
  color: red;
}

Результат:

আরও দেখুন