selector specificity: precyzja selektora

> Dodaj do ulubionych
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.
Jajko z dzwonkiem

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

4 + 8 =