Bạn có thể xác định các quy tắc kiểu dựa trên thuộc tính id của các phần tử. Tất cả các phần tử có id đó sẽ được định dạng theo quy tắc đã xác định.

 #black {
   color: #000000;
}

Quy tắc này hiển thị nội dung bằng màu đen cho mọi phần tử có thuộc tính id được đặt thành màu đen trong tài liệu của chúng tôi. Bạn có thể làm cho nó cụ thể hơn một chút. Ví dụ:

h1#black {
   color: #000000;
}

Quy tắc này chỉ hiển thị nội dung bằng màu đen cho các phần tử

có thuộc tính id được đặt thành màu đen.

Sức mạnh thực sự của bộ chọn id là khi chúng được sử dụng làm nền tảng cho bộ chọn con cháu, Ví dụ:

#black h2 {
   color: #000000;
}

Trong ví dụ này, tất cả các tiêu đề cấp 2 sẽ được hiển thị bằng màu đen khi các tiêu đề đó sẽ nằm trong các thẻ có thuộc tính id được đặt thành màu đen.