CSS Almanac 2025, Mungkin

ID - Trik CSS

ID - Trik CSS

Pemilih #id membolehkan anda menargetkan elemen dengan merujuk atribut HTML id. Mirip dengan bagaimana atribut kelas dilambangkan dalam CSS dengan "noktah" "

: tidak sah - Trik CSS

: tidak sah - Trik CSS

Pemilih: tidak sah membolehkan anda memilih elemen yang tidak mengandungi kandungan yang sah, seperti yang ditentukan oleh atribut jenisnya. : tidak sah ditakrifkan dalam CSS "

Saudara am - Trik CSS

Saudara am - Trik CSS

Penggabungan saudara umum (~) dalam CSS kelihatan seperti ini digunakan: .featured-image ~ p (ukuran font: 90%;) Dalam contoh itu, anda akan memilih semua "

: fokus - Trik CSS

: fokus - Trik CSS

Kelas: fokus pseudo dalam CSS digunakan untuk menggayakan elemen yang kini disasarkan oleh papan kekunci, atau diaktifkan oleh tetikus. Berikut adalah contoh: "

: fokus-dalam - Trik CSS

: fokus-dalam - Trik CSS

Pemilih: fokus-dalam pseudo dalam CSS agak tidak biasa, walaupun diberi nama baik dan agak intuitif. Ia memilih elemen jika elemen itu mengandungi "

: jenis pertama - Trik CSS

: jenis pertama - Trik CSS

Pemilih: jenis pertama dalam CSS membolehkan anda menyasarkan kemunculan elemen pertama dalam bekasnya. Ia ditentukan dalam CSS Selectors Level 3 "

: arahkan - Trik CSS

: arahkan - Trik CSS

Kelas: hover pseudo dalam CSS memilih elemen semasa kursor tetikus berada di atasnya. Biasanya dikaitkan dengan pautan () "

:: barisan pertama - Trik CSS

:: barisan pertama - Trik CSS

:: elemen pseudo baris pertama adalah untuk menerapkan gaya ke baris pertama elemen. Bayangkan perenggan yang panjangnya beberapa baris (seperti ini!). "

: anak pertama - Trik CSS

: anak pertama - Trik CSS

Pemilih: anak pertama membolehkan anda menyasarkan elemen pertama di dalam elemen lain. Ia ditentukan dalam spesifikasi CSS Selectors Level 3 sebagai "

:: huruf pertama - Trik CSS

:: huruf pertama - Trik CSS

:: huruf pertama adalah elemen semu yang membolehkan anda menggayakan huruf pertama dalam elemen, tanpa perlu menempelkan tag di sekitar yang pertama "

: kosong - Trik CSS

: kosong - Trik CSS

Pemilih pseudo kosong akan memilih elemen yang tidak mengandungi apa-apa atau hanya komen HTML. div: kosong (paparan: tidak ada;) Akan sepadan "

Anak - Trik CSS

Anak - Trik CSS

Gabungan kanak-kanak dalam CSS adalah simbol "lebih besar daripada", ia kelihatan seperti ini: ol> li (warna: merah;) Ini bermaksud "elemen pilihan yang merupakan keturunan langsung"

: diaktifkan - Trik CSS

: diaktifkan - Trik CSS

Kelas pseudo yang diaktifkan dalam CSS memilih elemen yang boleh difokuskan yang tidak dilumpuhkan, dan oleh itu diaktifkan. Ia hanya dikaitkan dengan elemen bentuk "

Kelas - Trik CSS

Kelas - Trik CSS

Pemilih kelas dalam CSS bermula dengan titik (.), Seperti ini: .class () Pemilih kelas memilih semua elemen dengan atribut kelas yang sepadan. Sebagai contoh,"

: dir () - Trik CSS

: dir () - Trik CSS

Kelas: dir () pseudo dalam CSS membolehkan elemen dipilih berdasarkan arah bahasa, seperti yang ditentukan dalam markup HTML. Terdapat benar-benar "

: kurang upaya - Trik CSS

: kurang upaya - Trik CSS

Pemilih: kelas pseudo cacat memberikan gaya bersyarat kepada elemen HTML yang dapat menerima input pengguna, ketika elemen tersebut telah dinonaktifkan "

Keturunan - Trik CSS

Keturunan - Trik CSS

Pemilih keturunan dalam CSS adalah mana-mana pemilih dengan ruang kosong antara dua pemilih tanpa penggabungan. Berikut adalah beberapa contoh: ul li () tajuk h2 () "

: lalai - Trik CSS

: lalai - Trik CSS

Pemilih pseudo lalai akan sesuai dengan lalai dalam kumpulan elemen yang berkaitan, seperti butang radio dalam sekumpulan butang yang dipilih oleh "

: diperiksa - Trik CSS

: diperiksa - Trik CSS

Kelas: pseudo yang diperiksa dalam CSS memilih elemen ketika berada dalam keadaan yang dipilih. Ia hanya dikaitkan dengan input () elemen radio jenis dan "

: kosong - Trik CSS

: kosong - Trik CSS

Kelas pseudo kosong dibina berdasarkan kelas pseudo kosong. Seperti: kosong,: kosong akan memilih elemen yang sama sekali tidak mengandungi apa-apa, atau hanya mengandungi HTML "

(atribut) - Trik CSS

(atribut) - Trik CSS

Terdapat banyak cara untuk memilih elemen dalam CSS. Pemilihan yang paling asas adalah dengan nama tag, seperti p (). Hampir apa-apa yang lebih spesifik daripada teg "

:: sebelum / :: selepas - Trik CSS

:: sebelum / :: selepas - Trik CSS

Elemen :: sebelum dan :: selepas pseudo dalam CSS membolehkan anda memasukkan kandungan ke halaman tanpa perlu berada dalam HTML. Walaupun hasil akhirnya bukan "

Z-indeks - Trik CSS

Z-indeks - Trik CSS

Div (z-index: 1; / * integer * /) Properti z-index di CSS mengawal susunan menegak elemen yang bertindih. Seperti dalam, mana yang muncul sebagai "

: sebarang pautan - Trik CSS

: sebarang pautan - Trik CSS

Kelas pseudo any-link dalam CSS menyediakan kaedah untuk memilih elemen yang menjadi sumber utama pautan. Sekiranya sauh sumber istilah kehilangan anda, "

: aktif - Trik CSS

: aktif - Trik CSS

Pemilih semu aktif mengubah penampilan pautan semasa ia diaktifkan (diklik atau diaktifkan). Biasanya hanya dilihat "

Adik beradik berdekatan - Trik CSS

Adik beradik berdekatan - Trik CSS

Penggabungan saudara yang berdekatan di CSS bukan pemilih sendiri, tetapi cara menggabungkan dua pemilih. Contohnya: p + p (margin: 0;) Tanda tambah "

Lebar - Trik CSS

Lebar - Trik CSS

Properti lebar dalam CSS menentukan lebar kawasan kandungan elemen. Kawasan "kandungan" ini adalah bahagian di dalam lapisan, sempadan, dan margin "

Ruang putih - Trik CSS

Ruang putih - Trik CSS

Properti ruang putih mengawal bagaimana teks ditangani pada elemen yang digunakan. Katakan anda mempunyai HTML seperti ini: Banyak perkataan yang anda "

Zum - Trik CSS

Zum - Trik CSS

Zum harta di CSS membolehkan anda menskalakan kandungan anda. Ini tidak standard, dan pada mulanya hanya dilaksanakan di Internet Explorer. Walaupun beberapa "

Jarak perkataan - Trik CSS

Jarak perkataan - Trik CSS

Properti spasi kata mirip dengan jarak huruf, walaupun secara semula jadi penggunaannya mengatur jumlah ruang antara kata-kata dalam sekeping teks, bukan "