CSS-এ সর্বজনীন সিলেক্টর
সর্বজনীন সিলেক্টর * সকল এলিমেন্ট
নির্বাচন করতে দেয়।
উদাহরণ
আসুন সকল এলিমেন্ট নির্বাচন করি এবং সেগুলোকে লাল রঙে রাঙাই:
* {
color: red;
}
উদাহরণ
আসুন div ট্যাগের ভিতরে থাকা সকল এলিমেন্ট
নির্বাচন করি এবং সেগুলোকে লাল রঙে রাঙাই:
div * {
color: red;
}
উদাহরণ
আসুন div ট্যাগের সরাসরি ভিতরে থাকা সকল এলিমেন্ট
নির্বাচন করি এবং সেগুলোকে লাল রঙে রাঙাই:
div > * {
color: red;
}
উদাহরণ
আসুন সকল span ট্যাগ নির্বাচন করি যেগুলো
যেকোনো ট্যাগের ভিতরে থাকে, যেটি আবার
div ট্যাগের ভিতরে থাকে:
div * span {
color: red;
}
ব্যবহারিক সমস্যা
কোডটি দেওয়া হয়েছে:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
একটি সিলেক্টর লিখুন যা main ট্যাগের ভিতরে
থাকা যেকোনো প্যারেন্টের ভিতরে থাকা সকল প্যারাগ্রাফ
নির্বাচন করবে।