Вычисление приоритетов

aqua.77 · August 9, 2016

Селектор тегов = 1 еденица. Класс = 10 едениц.
значит при условии

<body >
 
<div class="content">
 <div2>
 <div3>
 <div4>
 <div5>
 <div6>
 <div7>
 <div8>
 <div9>
 <div10>
 <p><em>pppp</em></p>
</div10>
</div9>
</div8>
</div7>
</div6>
</div5>
</div4>
</div3>
</div2>
</div>
 
</body>

.content em{color: blue;}
div div2 div3 div4 div5 div6 div7 div8 div9 div10 p em{ color: red;}

Должен быть применён красный цвет т.к. у него 12 тегов =12едениц. А у первого 10ед. за класс + 1 за тег =11едениц.

Launder · August 9, 2016

Мне кажется, в этой статье, аналогия с десятичными разрядами была сделана для удобства понимания. В комментах к ней, вроде есть аналогичные комментарии про соотношения "дофига классов" и идентификатора. Думаю, статью нужно рассматривать, скорее как первое приближение в понимании специфичности (приоритетности).

alejandro13 · August 9, 2016

Я думаю для понимания "веса" селекторов будет полезнее эта статья.

Launder · August 9, 2016

И вот ещё :)

Sign In

Вычисление приоритетов

Recommended Posts

aqua.77

Link to comment

Share on other sites

Launder

Link to comment

Share on other sites

alejandro13

Link to comment

Share on other sites

Launder

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information