CSS
CSS digunakan untuk memilih elemen yang Anda ingin pola gaya.
"CSS" kolom menunjukkan di mana properti CSS didefinisikan (CSS1, CSS2, atau CSS3).
| Pemilih | contoh | misalnya acara | CSS |
|---|---|---|---|
| . Kelas | .intro | Pilih semua kelas = "intro" elemen | 1 |
| # Id | #firstname | Pilih semua id = "firstname" unsur-unsur | 1 |
| * | * | Pilih semua elemen | 2 |
| elemen | p | Pilih semua elemen <p> | 1 |
| elemen, elemen | div,p | Pilih semua elemen <div> dan <p> elemen | 1 |
| elemen elemen | div p | Pilih <div> semua <p> elemen dalam elemen | 1 |
| Elemen> elemen | div>p | Pilih semua orangtua adalah <div> unsur <p> elemen | 2 |
| Elemen + elemen | div+p | Pilih <p> elemen diikuti oleh semua <div> elemen setelah | 2 |
| [Atribut] | [target] | Pilih semua elemen dengan atribut target | 2 |
| [Atribut = value] | [target=-blank] | Pilih semua penggunaan target = - elemen "kosong" dari | 2 |
| [Atribut ~ = value] | [title~=flower] | Pilih semua elemen atribut judul mengandung kata "bunga" dari | 2 |
| [Atribut | = bahasa] | [lang|=en] | Pilih semua elemen dari lang atribut mulai value = "EN" dari | 2 |
| : link | a:link | Pilih semua link yang belum dikunjungi | 1 |
| : mengunjungi | a:visited | Pilih semua link yang dikunjungi | 1 |
| : aktif | a:active | Pilih link aktif | 1 |
| : hover | a:hover | Bila Anda memilih mouse pada link di atas | 1 |
| : fokus | input:focus | Pilih elemen input memiliki fokus | 2 |
| : Pertama-surat | p:first-letter | Pilih huruf pertama dari setiap <P> elemen | 1 |
| : Lini pertama | p:first-line | Pilih setiap <P> Elemen baris pertama | 1 |
| : Pertama-anak | p:first-child | Ditentukan hanya bila <p> elemen adalah anak pertama dari gaya induknya. | 2 |
| : sebelum | p:before | Sisipkan konten sebelum setiap <p> elemen | 2 |
| : setelah | p:after | Sisipkan konten setelah setiap <p> elemen | 2 |
| : Lang (bahasa) | p:lang(it) | Pilih lang atribut mulai value = "itu" semua elemen <p> | 2 |
| element1 ~ element2 | p ~ ul | Setiap elemen pilihan p ul setelah elemen | 3 |
| [Atribut ^ = value] | a [src ^ = "https"] | Pilih setiap nilai atribut src untuk "https" pada awal dari elemen | 3 |
| [Atribut $ = value] | a [src $ = ". pdf"] | Pilih setiap nilai atribut src untuk ".pdf" pada akhir elemen | 3 |
| [Atribut * = value] | a [src * = "w3big"] | Pilih setiap src elemen nilai atribut berisi substring "w3big" dari | 3 |
| : Pertama-of-jenis | p: pertama-of-jenis | Pilih setiap p p elemen adalah elemen pertama dari induknya | 3 |
| : Terakhir dari tipe- | p: terakhir dari tipe | Pilih setiap p elemen adalah elemen terakhir dari induk p nya | 3 |
| : Hanya-of-jenis | p: hanya-of-jenis | Pilih setiap p elemen adalah satu-satunya unsur induk p nya | 3 |
| : Hanya-anak | p: hanya-anak | Pilih setiap p elemen adalah satu-satunya elemen anak dari induknya | 3 |
| : N-anak (n) | p: n-anak (2) | Pilih setiap p elemen adalah anak kedua dari induknya | 3 |
| : N-lalu-anak (n ) | p: n-lalu-anak (2) | Pilih setiap p elemen adalah anak kedua dari induknya, menghitung dari anak terakhir | 3 |
| : N-of-tipe (n ) | p: n-of-tipe (2) | Pilih setiap p elemen adalah elemen p kedua induknya | 3 |
| : N terakhir dari tipe- (n) | p: n-terakhir-of-tipe (2) | Pilih setiap p elemen adalah elemen p kedua induknya, menghitung dari anak terakhir | 3 |
| : Terakhir anak | p: terakhir anak | Pilih setiap p elemen adalah anak terakhir dari induknya. | 3 |
| : root | : Akar | Pilih elemen akar dokumen | 3 |
| : kosong | p: kosong | Pilih masing-masing elemen p tidak memiliki anak (termasuk node teks) | 3 |
| : Target | #news: Target | Pilih elemen #news sedang aktif (termasuk URL nama anchor diklik) | 3 |
| : diaktifkan | masukan: diaktifkan | Pilih setiap elemen input diaktifkan | 3 |
| : dinonaktifkan | masukan: dinonaktifkan | Memilih setiap elemen masukan dinonaktifkan | 3 |
| : diperiksa | masukan: diperiksa | Pilih setiap elemen input yang dipilih | 3 |
| : Tidak (pemilih) | : Tidak (p) | Pilih setiap elemen tidak elemen p | 3 |
| :: Temukan | :: Seleksi | Elemen dipilih atau disorot dalam keadaan pertandingan parsial pengguna | 3 |
| : Out-of-range | : Out-of-range | elemen input nilai yang cocok di luar kisaran tertentu | 3 |
| : Di-range | : Di-range | Pencocokan elemen nilai masukan dalam kisaran tertentu dari | 3 |
| : Baca-tulis | : Baca-tulis | Ini digunakan untuk mencocokkan elemen dapat dibaca dan ditulis | 3 |
| : Read-only | : Read-only | Untuk pencocokan set "readonly" (read-only) elemen atribut | 3 |
| : opsional | : Opsional | Untuk pencocokan masukan elemen opsional | 3 |
| : dibutuhkan | : Diperlukan | Dibentuk untuk mencocokkan elemen "diperlukan" properti | 3 |
| : valid | : Hari | Digunakan untuk mencocokkan nilai masukan adalah elemen yang sah | 3 |
| : valid | : tidak valid | Nilai ilegal untuk pertandingan elemen input | 3 |