Gunakan CSS Selectors Cleverly_Experience Exchange

Gaya pautan dalam blok kandungan yang berbeza boleh ditakrifkan melalui peraturan yang berbeza. Sesuatu seperti ini: #nav a:link atau #main a:link atau #footer a:link. Anda juga boleh menentukan gaya yang berbeza untuk elemen yang sama dalam blok kandungan yang berbeza. Sebagai contoh, tentukan gaya #main p dan #sider p masing-masing melalui #main p dan #sider p. Dari segi struktur, halaman anda terdiri daripada gambar, pautan, senarai, perenggan, dsb. Elemen ini sendiri tidak menjejaskan peranti rangkaian yang mana ia dipaparkan (PDA, telefon mudah alih atau TV Internet Ia boleh ditakrifkan sebagai Sebarang penampilan prestasi).

Halaman HTML yang disusun dengan teliti adalah sangat mudah, dan setiap elemen digunakan untuk tujuan struktur. Apabila anda ingin menginden perenggan, anda tidak perlu menggunakan teg blokquote Hanya gunakan teg p dan tambah peraturan inden teks CSS ke p untuk mencapai tujuan inden. p ialah teg berstruktur dan inden teks ialah atribut pembentangan Yang pertama adalah milik HTML dan yang kedua adalah milik CSS. (Ini ialah pemisahan legenda struktur dan prestasi)

Hampir tiada teg atribut prestasi dalam halaman HTML yang tersusun dengan baik. Kod ini sangat bersih dan ringkas. Contohnya, kod asal

kini hanya boleh menulis dalam HTML, dan semua perkara yang mengawal prestasi ditulis dalam CSS Dalam HTML berstruktur, jadual ialah jadual, bukan apa-apa lagi (apatah lagi digunakan untuk reka letak dan kedudukan).

Sudah tentu, pemilih CSS bukan semudah itu Selain id dan kelas, terdapat juga pemilih keturunan, pemilih atribut, dll.