Penjelasan kaskade CSS
Temukan deklarasi warna yang menang dan tahap kaskade yang menentukannya.
- Berjalan di browser
- Tanpa unggahan
- Periksa sebelum mengunduh
Input tetap berada di tab ini dan tidak diunggah atau disimpan otomatis. Hitungan penggunaan agregat dan diagnostik pemrosesan yang umum bersifat opsional dan hanya dikirim setelah Anda setuju, tanpa isi input atau nama file. Jika tab dikosongkan atau ditutup, input hilang; simpan hasil yang Anda perlukan lebih dulu.
Batas sumber daya
Kaskade warna untuk selektor gabungan: tag/ID/kelas dan daftar is/where/not. Hingga 64 aturan dan 16 lapisan datar berurutan. Perbandingan berurutan: asal, important, inline, lapisan, ABC, lalu urutan sumber. Important membalik prioritas lapisan/asal. Tanpa elemen induk, atribut, status, scope, pewarisan, animasi, transisi, atau revert. Pratinjau lokal yang terbatas, bukan jaminan untuk semua browser/tata letak. Input tidak pernah dijalankan. Unduh HTML dan CSS sekaligus. Batas waktu: 8 detik.
Cara menggunakan
- Atur contoh
Jelaskan tag, ID, dan kelas elemen target, lalu tambahkan aturan warna dengan asal, tingkat kepentingan, penanda inline, dan lapisan. Atur urutan sumber dengan sengaja.
- Periksa sebelum dipakai
Target p#note.note: aturan author normal .note { color: #0000ff } dan #note { color: #ff0000 } pada lapisan yang sama menghasilkan merah; spesifisitas 1,0,0 mengalahkan 0,1,0.
- Ekspor hasil yang sudah diperiksa
Baca kandidat yang berurutan dan warna pemenangnya. Ubah satu prioritas dalam satu waktu, lalu bandingkan pratinjau lokal yang aman dengan HTML/CSS yang diunduh.
Pertanyaan dan batas
Apa arti hasil ini?
Spesifisitas ABC membandingkan ID, kelas, dan tipe setelah prioritas cascade yang lebih tinggi. !important mengubah prioritas dan membalik urutan lapisan/asal.
Bagaimana memperbaiki input yang ditolak atau hilang?
Leluhur, atribut, atau keadaan yang tidak didukung tidak disimulasikan diam-diam. Gunakan selector gabungan dan daftar is/where/not yang didukung; perbaiki sesuai diagnostik parser.
Apa saja batas alat ini?
Cascade warna yang terbatas: ≤64 aturan/16 lapisan datar berurutan, watchdog 8 detik. Tanpa pewarisan, scope, animasi, transisi, atau revert; bukan mesin tata letak browser yang lengkap.