Spočítejte specificitu CSS a zjistěte, které pravidlo vyhraje
Vložte selektory a spočítejte jejich specificitu, nebo vložte CSS a prvek a uvidíte, které pravidlo se uplatní.
- Běží ve vašem zařízení
- Bez registrace
- Po první návštěvě funguje offline
Výchozí styly prohlížeče a další stylopisy nejsou zahrnuty. Nic se nikam neodesílá.
| Selektor | Specificita | Váha | Kontext |
|---|
| Pravidlo | Hodnota | Specificita | Vrstva | Výsledek |
|---|
Jak zjistěte, které pravidlo CSS vyhraje
- Vyberte režim: spočítat selektory, nebo najít vítězné pravidlo.
- Vložte selektory, nebo CSS, HTML a vlastnost.
- Přečtěte si skóre, nebo vítěze a důvod, proč ostatní pravidla prohrála.
Otázky
Jak se specificita počítá?
Každé id se počítá jako 1,0,0, každá třída, atribut nebo pseudotřída jako 0,1,0 a každý název prvku nebo pseudoprvek jako 0,0,1. Univerzální selektor a :where() se nepočítají.
Jak se počítají :is(), :not() a :has()?
Počítají se jako jejich nejsilnější argument. Takže :is(#a, .b) p má 1,0,1, protože #a je nejsilnější část uvnitř :is(). Pravidlo s :where(#a) p má skóre 0,0,1.
Proč pravidlo ve vrstvě prohraje s obyčejným pravidlem?
U běžných deklarací pravidla mimo jakoukoli vrstvu porážejí pravidla ve vrstvách. U !important se pořadí obrací, takže vyhraje dřívější vrstva. Běžný atribut style porazí všechna běžná pravidla stylopisu a atribut style s !important porazí všechna ostatní pravidla s !important.
Odesílá se moje CSS někam?
Ne. Váš prohlížeč zpracuje a porovná selektory v této záložce a nic se neodesílá na server.
Recenze
Zatím žádné recenze. Buďte první.