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.