selector specificity: precyzja selektora

W kaskadowych arkuszach stylów jest to czterocyfrowa wartość pozwalająca ustalić „ważność” poszczególnych selektorów zastosowanych w arkuszu stylów. Algorytm obliczania precyzji selektorów pomaga przeglądarce „zdecydować” które reguły zastosować w dokumencie w przypadku wystąpienia konfliktów. Jeśli np. w arkuszu stylów znajdują się następujące reguły:

p {
color: red;
}

div p {
color: green;
}

to tekst znajdujący się w elementach p zawartych w elementach div będzie zielony, ponieważ drugi selektor (div p) jest bardziej precyzyjny i zastąpi pierwszy selektor (p), mimo że ten ustawia tekst wszystkich elementów p na kolor czerwony.
Szczegółowy opis algorytmu obliczania precyzji selektorów można znaleźć w specyfikacji CSS 2.1.
Udostępnij:
Share

Podobał Ci się ten artykuł?

Oceń go!

Średnia 0 / 5. Liczba głosów: 0

Jeszcze nikt nie głosował. Wyprzedź innych i zagłosuj.

Skoro spodobał Ci się ten artykuł...

Poleć go znajomym!

Ojej :( Powiedz nam, co powinniśmy poprawić!

blank
Podoba Ci się ta strona?

Pomóż nam się rozwijać, wykupując płatne konto. Dzięki temu będziemy mogli tworzyć dla Ciebie jeszcze więcej ciekawych treści, a Ty pozbędziesz się reklam.

Dodaj komentarz