CSS provjera – provjerite sintaksu, svojstva i pogreške
CSS provjera parsira CSS pomoću css-tree i prijavljuje sintaksne pogreške s njihovim pozicijama retka i stupca, nastavljajući i nakon prve pogreške kako biste mogli pronaći više problema. Također označava nazive svojstava koji nisu u tablici CSS specifikacije kao vjerojatne tipfelere, zanemarujući pritom prilagođena svojstva (--*) i vendore prefikse. Pregledajte broj pravila, deklaracija i @-pravila uz rezultate.
CSS provjera je provjera CSS sintakse u pregledniku koja parsira stilske listove pomoću css-tree. Prijavljuje sintaksne pogreške s pozicijama retka i stupca i nastavlja i nakon prve pogreške kako biste mogli pregledati dodatne probleme. Alat također označava nazive svojstava koji nisu u tablici CSS specifikacije kao vjerojatne tipfelere te prikazuje broj pravila, deklaracija i @-pravila.
Tijekom provjere CSS se parsira i sintaksni problemi prijavljuju se s njihovim pozicijama. Nazivi svojstava koji nedostaju u tablici CSS specifikacije označavaju se, ali prilagođena svojstva (--*) i vendore prefiksi zanemaruju se u toj provjeri. Provjera stoga može pomoći razlikovati vjerojatne pravopisne pogreške od onih obrazaca naziva svojstava koje je dizajnirana preskočiti.
CSS opisuje pravila i deklaracije stiliziranja, dok provjera provjerava može li se dostavljeni stilski list parsirati i pojavljuju li se nazivi svojstava u tablici CSS specifikacije. Korištenje CSS provjere može pomoći razvojnim programerima da istraže pogreške prije nego što CSS dosegne parser koji ne uspijeva tijekom izvođenja, provjere generirani izlaz i lociraju probleme bez ručnog pretraživanja datoteke.
CSS provjera u cijelosti se izvodi u vašem pregledniku: vaš unos obrađuje se na vašem uređaju i ne šalje se na poslužitelj. Radi izvan mreže nakon što se stranica učita, pa je možete koristiti bez veze nakon te točke. Besplatna je za korištenje, a razvojni programeri i DevOps inženjeri mogu je koristiti za provjeru stilskih listova i pregled rezultata provjere.
Korak 1: Zalijepite ili ispustite svoj CSS u alat. Uključite stilski list koji želite provjeriti.
Korak 2: Pokrenite CSS provjeru. Alat parsira vaš unos i prijavljuje sintaksne pogreške koje pronađe.
Korak 3: Pregledajte poziciju svake prijavljene pogreške. Upotrijebite detalje o retku i stupcu kako biste pronašli relevantni dio svog CSS-a.
Korak 4: Provjerite upozorenja o svojstvima i brojila. Alat označava neprepoznate nazive svojstava i prikazuje ukupne brojeve pravila, deklaracija i @-pravila.
Primjer upotrebe: Provjerite CSS datoteku prije nego što dosegne parser i ne uspije tijekom izvođenja. Provjera vam može pomoći da ranije uočite sintaksne probleme.
Primjer upotrebe: Pronađite redak i stupac sintaksne pogreške umjesto da datoteku ručno raspolavljate. Pregledajte prijavljene pozicije kako biste suzili područje istrage.
Primjer upotrebe: Potvrdite da je izlaz drugog alata valjan CSS, a ne samo uvjerljivo izgledajući tekst. Parser prijavljuje sintaksne pogreške koje pronađe.
Primjer upotrebe: Potražite vjerojatne tipfelere u nazivima svojstava u stilskom listu. Provjera označava nazive koji nedostaju u tablici CSS specifikacije, dok zanemaruje prilagođena svojstva i vendore prefikse.
Primjer upotrebe: Pregledajte broj pravila, deklaracija i @-pravila nakon generiranja ili uređivanja CSS-a. Ukupni brojevi daju brzi pregled sadržaja stilskog lista.
Primjer upotrebe: Provjerite stilski list koji koristi prilagođena svojstva ili svojstva s prefiksima dobavljača. Provjera naziva svojstava ih zanemaruje, pa se ne označavaju kao nepoznata svojstva.