আপনি এলিমেন্টের id অ্যাট্রিবিউটের ভিত্তিতে স্টাইল রুল ডিফাইন করতে পারেন। সেই id 가진 সকল এলিমেন্ট সংজ্ঞায়িত রুল অনুযায়ী ফরম্যাট হবে।
#black {
color: #000000;
}এই রুল ডকুমেন্টে id="black" থাকা সকল এলিমেন্টের কন্টেন্ট কালো রঙে রেন্ডার করবে। আপনি আরও স্পেসিফিক করতে পারেন। উদাহরণ:
h1#black {
color: #000000;
}এই রুল শুধু <h1> এলিমেন্টের জন্য কাজ করবে যার id="black"।
ID সিলেক্টরের আসল শক্তি ডেসেন্ডেন্ট সিলেক্টর হিসেবে ব্যবহার করার সময় প্রকাশ পায়। উদাহরণ:
#black h2 {
color: #000000;
}এই উদাহরণে, সব লেভেল-২ হেডিং কালো রঙে দেখাবে যখন সেগুলো id="black" থাকা ট্যাগের ভিতরে থাকবে।
