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 |