Приоритет

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

позиция больше - приоритет(номер) выше: 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