Приоритет

Позиционное счисление:

позиция больше - приоритет(номер) выше: 8 7 6 5 _ 4 3 2 1 . 0

возможные значения селектора: 0 0 0 0 _ 0 0 0 0 . 0

Селектор: *

0 0 0 0 _ 0 0 0 0 . 0

* {} минимально возможный приоритет
Селектор: tag, pseudo-elements

0 0 0 0 _ 0 0 0 0 . 0

div {} приоритет 0000 0001
div, p {} перечисление, приоритет 0000 0001
ul li a {} вложенность, приоритет 0000 0003
ul li, div p, p span {} перечисление, вложенность, приоритет 0000 0002
ul li a::before {} вложенность, приоритет 0000 0004
Селектор: attribute, pseudo-classes, class name

0 0 0 0 _ 0 0 0 0 . 0

.head .logo {} вложенность, приоритет 0000 0020
.head > .logo {} вложенность, приоритет 0000 0020
.head, .logo {} перечисление, приоритет 0000 0010
div:first-child {} приоритет 0000 0011
[alt="logo"] {} приоритет 0000 0010
Селектор: id name

0 0 0 0 _ 0 0 0 0 . 0

#head приоритет 0000 0100
#head, #logo {} перечисление, приоритет 0000 0100
#head > #logo {} вложенность, приоритет 0000 0200
Селектор: inlyne style

0 0 0 0 _ 0 0 0 0 . 0

<p style="color: red;"> приоритет 0000 1000
<p id="r" class="r" style="color: red;"> приоритет 0000 1110
style="" 0000 1000
#r 0000 0100
.r 0000 0010