Расчет специфичности селектора (CSS) - PullRequest
Новая
       9

Расчет специфичности селектора (CSS)

2 голосов
/ 21 декабря 2009

Я знаю, что для вычисления специфичности селектора мы используем три числа, где первое число слева - это число идентификаторов, второе число - количество классов, псевдоклассов и атрибутов, а третье число - количество элементов.

Я понимаю, что следующие числа преувеличены ... Идентификаторы более специфичны, чем классы, а классы более специфичны, чем элементы, но выиграет ли селектор со специфичностью 1.0.0 (таким образом, селектор с одним идентификатором) над селектором со специфичностью 0.222 .0 (селектор с 222 классами / псевдоклассами)?

1 Ответ

2 голосов
/ 21 декабря 2009

Да.

Тест: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title></title>
<style type="text/css">
#ID {color:red}
.C1.C2.C3 ... .C220.C221.C222 {color:green}
</style>
</head>
<body>
<div id="ID" class="C1 C2 C3 ... C220 C221 C222">This is a test.</div>
</body>
</html>

Текст отображается в последних браузерах Firefox, Chrome, IE и Opera.

...