我知道要计算选择器的特异性,我们使用三个数字,其中左边的第一个数字是ID的数量,第二个数字代表类的数量,伪类和属性,第三个数字代表元素的数量。
我意识到以下数字被夸大了... ID比类更具体,类比元素更具体,但是特异性为1.0.0的选择器(因此具有一个ID的选择器)将胜过具有0.222特异性的选择器.0(带有222个类/伪类的选择器)?
答案 0 :(得分:2)
是的。
测试:
<!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浏览器中的文字都是红色的。