Kontrola CSS – syntax, vlastnosti a chyby
Kontrola CSS analyzuje CSS pomocou css-tree a hlási syntaktické chyby s pozíciami riadka a stĺpca, pričom pokračuje aj za prvou chybou, aby ste našli ďalšie problémy. Označuje tiež názvy vlastností, ktoré chýbajú v tabuľke špecifikácie CSS, ako pravdepodobné preklepy, pričom ignoruje vlastné vlastnosti (--*) a prefixy výrobcov. Vedľa výsledkov si pozrite počty pravidiel, deklarácií a @-pravidiel.
Kontrola CSS je kontrola syntaxe CSS v prehliadači, ktorá analyzuje šablóny štýlov pomocou css-tree. Hlási syntaktické chyby s pozíciami riadka a stĺpca a pokračuje aj za prvou chybou, aby ste si mohli prezrieť ďalšie problémy. Nástroj tiež označuje názvy vlastností, ktoré nie sú v tabuľke špecifikácie CSS, ako pravdepodobné preklepy, a zobrazuje počty pravidiel, deklarácií a @-pravidiel.
Počas kontroly sa CSS analyzuje a syntaktické problémy sa hlásia s ich pozíciami. Názvy vlastností chýbajúce v tabuľke špecifikácie CSS sú označené, ale vlastné vlastnosti (--*) a prefixy výrobcov táto kontrola ignoruje. Kontrola preto môže pomôcť rozlíšiť pravdepodobné preklepy od tých vzorov názvov vlastností, ktoré je navrhnutá preskakovať.
CSS popisuje pravidlá a deklarácie štýlovania, zatiaľ čo kontrola overuje, či sa dodaná šablóna štýlov dá analyzovať a či sa názvy vlastností objavujú v tabuľke špecifikácie CSS. Použitie Kontroly CSS môže vývojárom pomôcť preskúmať chyby skôr, ako sa CSS dostane k parseru, ktorý zlyhá za behu, overiť vygenerovaný výstup a nájsť problémy bez ručného prehľadávania súboru.
Kontrola CSS funguje úplne vo vašom prehliadači: váš vstup sa spracúva na vašom vlastnom zariadení a neodosiela sa na server. Funguje offline po načítaní stránky, takže ju môžete používať bez pripojenia po tomto bode. Je bezplatná a vývojári a DevOps inžinieri ju môžu používať na kontrolu šablón štýlov a prezeranie výsledkov kontroly.
Krok 1: Vložte alebo presuňte svoje CSS do nástroja. Uveďte šablónu štýlov, ktorú chcete skontrolovať.
Krok 2: Spustite kontrolu CSS. Nástroj analyzuje váš vstup a nahlási nájdené syntaktické chyby.
Krok 3: Prezrite si pozíciu každej nahlásenej chyby. Pomocou údajov o riadku a stĺpci nájdite príslušnú časť svojho CSS.
Krok 4: Skontrolujte varovania o vlastnostiach a počty. Nástroj označuje nerozpoznané názvy vlastností a zobrazuje súčty pravidiel, deklarácií a @-pravidiel.
Prípad použitia: Skontrolujte súbor CSS skôr, ako sa dostane k parseru a zlyhá za behu. Kontrola vám môže pomôcť odhaliť syntaktické problémy skôr.
Prípad použitia: Nájdite riadok a stĺpec syntaktickej chyby namiesto ručného rozdeľovania súboru. Nahlásené pozície vám pomôžu zúžiť miesto, kde hľadať.
Prípad použitia: Potvrďte, že výstup z iného nástroja je platné CSS, a nie len vierohodne vyzerajúci text. Parser nahlási syntaktické chyby, ktoré nájde.
Prípad použitia: Hľadajte pravdepodobné preklepy v názvoch vlastností šablóny štýlov. Kontrola označuje názvy chýbajúce v tabuľke špecifikácie CSS, pričom ignoruje vlastné vlastnosti a prefixy výrobcov.
Prípad použitia: Po vygenerovaní alebo úprave CSS si prezrite počty pravidiel, deklarácií a @-pravidiel. Súčty poskytujú rýchly prehľad o obsahu šablóny štýlov.
Prípad použitia: Skontrolujte šablónu štýlov, ktorá používa vlastné vlastnosti alebo vlastnosti s prefixmi výrobcov. Kontrola názvov vlastností ich ignoruje, takže nie sú označené ako neznáme vlastnosti.