Jenis - Trik CSS | CSS Almanac 2025

Pemilih Jenis (kadang-kadang disebut sebagai Pemilih Jenis Elemen) memadankan elemen dengan nama simpul elemen yang sesuai, seperti

, , dan teg. Pemilih jenis biasanya digunakan untuk membuat perubahan "pukulan luas" pada gaya laman web.

p ( /* "p" is the type selector */ margin: 0 0 1em 0; )

Penggunaan Biasa

Selalunya Jenis Pemilih ditetapkan sebagai lalai, seperti dalam tetapan semula CSS di mana tujuannya adalah untuk mengatasi lalai penyemak imbas. Contoh dari baris pertama normalize.css, tetapan semula CSS yang popular:

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary ( display: block; )

Pemilih Jenis di atas menetapkan sifat paparan tag tersebut untuk disekat, sehingga bila-bila masa mana-mana tag tersebut digunakan di seluruh laman web, ia akan dipaparkan sebagai blok kecuali diganti dengan gaya yang lebih spesifik.

Amalan terbaik

Pada amnya dianggap praktik yang buruk untuk menerapkan perubahan terperinci dengan Pemilih Jenis sahaja. Contohnya, menerapkan sifat "warna: putih" secara menyeluruh ke semua tag jarang menjadi sesuatu yang berguna di laman web mana pun. Ini kerana tag bersifat generik dan digunakan di seluruh laman web untuk pelbagai tujuan.

Walau bagaimanapun, dengan Pemilih Jenis seperti body ( ), menetapkan lalai font-size dan line-heightbiasa. Ini sebagian disebabkan oleh fakta bahawa hanya ada satu tag pada halaman tertentu, jadi ada lebih sedikit peluang untuk konflik.

Spesifikasi dan Prestasi Pemilih Jenis

Pemilih Jenis berada pada tahap paling rendah dari kaskade kekhususan (umumnya ditulis sebagai 0, 0, 0, 1), yang bermaksud bahawa hampir semua perkara akan mengatasi gaya yang diterapkan melalui Pemilih Jenis sahaja, dan menambahkan Pemilih Jenis ke kelas atau ID di CSS anda memberikan kekhususan tambahan minimum.

Pemilih Jenis juga berpangkat lebih rendah pada skala kecekapan CSS daripada kelas dan ID. Oleh itu, secara teknikalnya adalah pilihan prestasi yang lebih baik untuk menggunakan kelas atau ID daripada Pemilih Jenis yang lebih generik (walaupun perbezaan kelajuan sebenarnya biasanya diabaikan).