Specificity

Lista

<ul id="drinks">
  <li class="favorite">
    Coca cola</li>
  <li>Sprite</li>
  <li>Tonik</li>
</ul>

• Coca cola
• Sprite
• Tonik

Selektory

Tutaj możesz edytować selektory związane z listą z identyfikatorem "drinks". Zacznij od takiej zmiany tego kodu, aby naps "Coca-cola" był wyświetlony czerwoną czcionką.

Definicja specyficzności:

S(selector) = (style, #id, #classes + #pseudo-classes, #elements + #pseudo-elements)

Porządek na specyficznościach

(a,b,c,d) < (x,y,u,v) IFF
(a<x) || ((a=x)&&(b<y)) || ((a=x)&&(b=y)&&(c<u)) || ((a=x)&&(b=y)&&(c=u) && (d<v))

Kolejność:

1. Style zewnętrzne
2. Style wewnętrzne
3. Styl elementu (inline)