Validator CSS

Apa itu Validator CSS?

Validator CSS melaporkan error struktural (kurung kurawal, string, komentar, atau tanda kurung tidak tertutup), error parse, properti tidak dikenal, nilai properti tidak valid, dan at-rule tidak dikenal, masing-masing dengan baris dan kolomnya. Pemeriksaan properti dan nilai memakai data tata bahasa CSS yang dibawa css-tree; ini bukan layanan validasi CSS W3C.

Cara menggunakan Validator CSS

1. Tempel CSS Anda ke kotak input.
2. Klik Validasi (hasil diperbarui saat Anda mengetik).
3. Baca ringkasan serta daftar kesalahan dan peringatan.
4. Perbaiki setiap masalah memakai baris dan kolom yang ditampilkan.

Contoh

a { colr: red; color: bluee; }

Errors: 2 · Warnings: 0
Line 1, column 5 Unknown property "colr"
Line 1, column 16 Invalid value for "color": bluee

Kapan menggunakan Validator CSS

Pakai untuk menangkap salah ketik seperti colr atau bluee, menemukan kurung kurawal tak tertutup di file panjang, atau memeriksa CSS tulisan tangan sebelum deploy. Properti yang sangat baru mungkin belum ada di data tata bahasa; dukungan browser tidak diperiksa.

Cara kerja Validator CSS

Pemindai memeriksa bahwa {} dan () seimbang serta string/komentar tertutup. Stylesheet lalu di-parse oleh css-tree (dibundel dengan CSSO), yang melaporkan error parse. Setiap deklarasi dicocokkan dengan lexer.matchDeclaration terhadap tata bahasa properti css-tree: properti tidak dikenal adalah error, properti tidak dikenal berawalan vendor (-moz-foo) adalah peringatan, dan nilai yang tidak cocok dengan tata bahasa (misalnya margin dengan lima nilai) adalah error. Custom property (--x) dan nilai yang memakai var(), env(), atau attr() tidak bisa diperiksa secara statis dan dilewati.

Kasus Penggunaan Umum

• ✓ Menemukan salah ketik pada nama properti
• ✓ Mencari kurung kurawal tak tertutup yang merusak sisa file
• ✓ Memeriksa nilai seperti template grid atau warna
• ✓ Meninjau CSS yang dikirim pengguna atau dihasilkan alat

Pertanyaan Umum

Jelajahi kategori lainnya