CSS Almanak 2025, Januari

Pemilih #id memungkinkan Anda menargetkan elemen dengan mereferensikan atribut HTML id. Mirip dengan bagaimana atribut kelas dilambangkan dalam CSS dengan "titik" "

The: invalid selector memungkinkan Anda memilih elemen yang tidak mengandung konten yang valid, seperti yang ditentukan oleh atribut type-nya. : tidak valid didefinisikan di CSS "

Kombinator saudara umum (~) di CSS terlihat seperti ini yang digunakan: .featured-image ~ p (font-size: 90%;) Dalam contoh itu, Anda akan memilih semua "

Kelas pseudo: fokus di CSS digunakan untuk menata elemen yang saat ini ditargetkan oleh keyboard, atau diaktifkan oleh mouse. Berikut ini contohnya: "

Pseudo selector fokus-dalam di CSS agak tidak biasa, meskipun namanya bagus dan agak intuitif. Ini memilih elemen jika elemen itu mengandung "

The: first-of-type selector di CSS memungkinkan Anda menargetkan kemunculan pertama suatu elemen dalam penampungnya. Ini ditentukan dalam CSS Selectors Level 3 "

Pseudo class: hover di CSS memilih elemen saat kursor mouse berada di atasnya. Ini biasanya dikaitkan dengan tautan () "

Pseudo-element :: first-line adalah untuk menerapkan gaya ke baris pertama elemen. Bayangkan sebuah paragraf yang panjangnya beberapa baris (seperti ini!). "

Selektor: first-child memungkinkan Anda menargetkan elemen pertama langsung di dalam elemen lain. Ini didefinisikan dalam spesifikasi CSS Selectors Level 3 sebagai "

:: first-letter adalah pseudo element yang memungkinkan Anda untuk memberi style pada huruf pertama dalam sebuah elemen, tanpa perlu menempelkan tag di sekitar itu "

Selektor semu: kosong akan memilih elemen yang tidak berisi apa pun atau hanya komentar HTML. div: empty (display: none;) Akan cocok dengan "

Kombinator anak di CSS adalah simbol "lebih besar dari", terlihat seperti ini: ol> li (color: red;) Artinya "pilih elemen yang merupakan keturunan langsung"

Pseudo-class: diaktifkan di CSS memilih elemen yang dapat difokuskan yang tidak dinonaktifkan, dan karenanya diaktifkan. Ini hanya terkait dengan elemen bentuk "

Pemilih kelas di CSS dimulai dengan titik (.), Seperti ini: .class () Pemilih kelas memilih semua elemen dengan atribut kelas yang cocok. Sebagai contoh,"

Pseudo-class: dir () di CSS memungkinkan elemen untuk dipilih berdasarkan arah bahasa, seperti yang ditentukan dalam markup HTML. Benar-benar ada "

Selektor pseudo-class yang dinonaktifkan menyediakan gaya bersyarat untuk elemen HTML yang dapat menerima masukan pengguna, jika elemen dinonaktifkan "

Selektor turunan di CSS adalah pemilih apa pun dengan spasi kosong di antara dua pemilih tanpa kombinator. Berikut beberapa contohnya: ul li () header h2 () "

Pseudo selector default akan cocok dengan default di grup elemen terkait, seperti tombol radio di grup tombol yang dipilih oleh "

Pseudo-class: diperiksa di CSS memilih elemen ketika mereka berada dalam status yang dipilih. Ini hanya terkait dengan elemen input () jenis radio dan "

Pseudo-class: blank dibangun di atas pseudo-class: kosong. Seperti: kosong,: kosong akan memilih elemen yang tidak berisi apa-apa, atau hanya berisi HTML "

Ada banyak cara untuk memilih elemen di CSS. Pilihan paling dasar adalah dengan nama tag, seperti p (). Hampir semua hal yang lebih spesifik selain tag "

Pseudo-element :: before dan :: after di CSS memungkinkan Anda memasukkan konten ke halaman tanpa perlu berada di HTML. Sedangkan hasil akhirnya bukan "

Div (z-index: 1; / * integer * /) Properti z-index di CSS mengontrol urutan vertikal elemen yang tumpang tindih. Seperti, yang mana yang muncul sebagai "

Pseudo-class: any-link di CSS menyediakan metode untuk memilih elemen yang merupakan jangkar sumber dari hyperlink. Jika istilah sumber jangkar kehilangan Anda, "

Selektor semu aktif mengubah tampilan tautan saat sedang diaktifkan (diklik atau diaktifkan). Biasanya hanya terlihat "

Kombinator saudara yang berdekatan di CSS bukanlah selektor itu sendiri, tetapi cara untuk menggabungkan dua selektor. Contoh: p + p (margin: 0;) Tanda plus "

Properti lebar di CSS menentukan lebar area konten elemen. Area "konten" ini adalah bagian di dalam padding, border, dan margin "

Properti white-space mengontrol bagaimana teks ditangani pada elemen yang diterapkan padanya. Misalkan Anda memiliki HTML persis seperti ini: Sekumpulan kata "Anda"

Properti zoom di CSS memungkinkan Anda untuk menskalakan konten Anda. Ini tidak standar, dan pada awalnya hanya diterapkan di Internet Explorer. Meskipun beberapa "

Properti penspasian kata mirip dengan penspasian huruf, meskipun secara alami penggunaannya mengatur jumlah spasi di antara kata-kata dalam sebuah teks, bukan "