Id digunakan untuk mengidentifikasi elemen unik pada halaman. Nama id adalah cara untuk mengontrol blok konten tertentu. Dengan menempatkan blok konten tertentu ke dalam div dan memberinya id unik, Anda dapat menggunakan pemilih CSS untuk secara akurat menentukan tampilan setiap elemen halaman, termasuk judul, daftar, gambar, tautan atau paragraf, dll. Misalnya, jika Anda menulis aturan CSS untuk #header, aturan tersebut bisa sangat berbeda dari aturan gambar di #content.
Gaya tautan di blok konten berbeda dapat ditentukan melalui aturan berbeda. Sesuatu seperti ini: #nav a:link atau #main a:link atau #footer a:link. Anda juga dapat menentukan gaya berbeda untuk elemen yang sama di blok konten berbeda. Misalnya, tentukan gaya #main p dan #sider p masing-masing melalui #main p dan #sider p. Secara struktural, halaman Anda terdiri dari gambar, tautan, daftar, paragraf, dll. Elemen-elemen ini sendiri tidak memengaruhi perangkat jaringan mana elemen tersebut ditampilkan (PDA, ponsel, atau TV Internet).
Halaman HTML yang terstruktur dengan cermat sangat sederhana, dan setiap elemen digunakan untuk tujuan struktural. Saat Anda ingin membuat indentasi paragraf, Anda tidak perlu menggunakan tag blockquote. Cukup gunakan tag p dan tambahkan aturan indentasi teks CSS ke p untuk mencapai tujuan indentasi. p adalah tag terstruktur dan indentasi teks adalah atribut presentasi. (Ini adalah pemisahan legendaris antara struktur dan ekspresi)
Halaman HTML yang terstruktur dengan baik hampir tidak memiliki tag atribut. Kode ini sangat bersih dan ringkas. Misalnya, kode asli sekarang hanya dapat ditulis dalam HTML, dan semua hal yang mengontrol kinerja ditulis dalam CSS. Dalam HTML terstruktur, tabel adalah tabel, bukan yang lainnya (belum lagi tidak dapat digunakan untuk tata letak dan pemosisian ) ).
Tentu saja, penyeleksi CSS tidak sesederhana itu Selain id dan kelas, ada juga penyeleksi turunan, penyeleksi atribut, dan sebagainya.