Specificity

Kolejność wczytywania arkuszy

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

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))

Przerywanie kaskady

<p> jest klasy ttt </p>

Dziedziczenie

1. font-family
   body{ font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
2. font-size
   body{ font-size: 24px;}
3. font-align
   body{ font-align: justify;}