A sajátossága a CSS tulajdonságok
Ha két (vagy több) ütköző CSS vonatkozó szabályok egy és ugyanaz az elem, hogy meghatározzák a prioritást böngésző a bizonyos kiválasztási kritériumokat.
Megértése a kiválasztási kritériumok nem tűnik túl fontos. És a legtöbb esetben, nem akkor nem fog semmilyen konfliktus. Azonban a nagyobb és bonyolultabb stíluslap fájlt, vagy többet is, annál nagyobb a valószínűsége az ilyen konfliktusokat.
Ha több azonos CSS szelektor, a választó, kijelentette a másik után, magasabb prioritású. Például ha az alábbi nyilatkozatot:
hogy részben kék lesz, ahogy ez általában utoljára deklarálva.
Ugyanakkor szándékosan, akkor nem valószínű, hogy állapítsa azonos szelektor ellentmondó szabályok (mert nincs értelme van). Azonban a jogszerűségét a konfliktus terület - a beágyazott választókat. Például tekintsük a következő példát:
Úgy tűnhet, hogy az elemek
az elem belsejében
Úgy tűnik, az utolsó. Valójában azonban az ilyen elemek piros lesz összhangban a szabály az első választó. Ez annak a ténynek köszönhető, hogy a konkrétabb a választó, a magasabb prioritású van.
Valódi specificitása beágyazott csoport kiválasztó alapján határozzuk meg néhány számítást. Lényegében minden választó azonosító ( „# name”) értéke 100, minden osztály választó ( „.name”) - az értéke 10, és minden HTML választó ( »name«) - az 1 értéket, majd hozzáadunk értékeinek beágyazott szelektor.
- p - 1 specificitás (1 nevet választó)
- div p - 2 specificitás (nevű szelektor 2, 1 + 1)
- .fa - 10 specificitása (1. osztály választó)
- div p.tree - specificitás 12 (2 választó és választó név Osztály; 1 + 1 + 10)
- #baobab - specificitás 100 (1 azonosító választó)
- test #baobab .alternative p - specificitás 112 (név választó, egy azonosító választó, osztályszelektor nevet választó; 1 + 100 + 10 + 1)
Így, ha ezek a választókat kellene meghatározni, a div p.tree (a specificitása 12) lenne blokkolva választó div p (specifikusak 2) és a választó testület #baobab .alternative p letiltotta mindet, függetlenül attól, hogy a sorrendben nyilatkozat .