คุณสามารถกำหนดกฎของสไตล์ตามแอตทริบิวต์ id ขององค์ประกอบ องค์ประกอบทั้งหมดที่มีรหัสนั้นจะถูกจัดรูปแบบตามกฎที่กำหนดไว้

 #black {
   color: #000000;
}

กฎนี้ทำให้เนื้อหาเป็นสีดำสำหรับทุกองค์ประกอบด้วยแอตทริบิวต์ id ที่ตั้งค่าเป็นสีดำในเอกสารของเรา คุณสามารถทำให้มันเฉพาะเจาะจงมากขึ้นได้ ตัวอย่างเช่น:

h1#black {
   color: #000000;
}

กฎนี้แสดงเนื้อหาเป็นสีดำสำหรับองค์ประกอบ

เท่านั้น โดยตั้งค่าแอตทริบิวต์ id เป็นสีดำ

พลังที่แท้จริงของตัวเลือก id คือเมื่อถูกใช้เป็นพื้นฐานสำหรับตัวเลือกลูกหลาน ตัวอย่างเช่น:

#black h2 {
   color: #000000;
}

ในตัวอย่างนี้ ส่วนหัวระดับ 2 ทั้งหมดจะแสดงเป็นสีดำเมื่อส่วนหัวเหล่านั้นอยู่ในแท็กที่มีแอตทริบิวต์ id ตั้งค่าเป็นสีดำ