计算选择器的特异性（CSS）

我知道要计算选择器的特异性，我们使用三个数字，其中左侧的第一个数字是ID的数量，第二个数字表示类的数量，伪类和属性第三个数字表示元素的数量。计算选择器的特异性（CSS）

我意识到以下数字是夸大的...... ID比类更具体，类比元素更具体，但是具有1.0.0特异性的选择器（因此具有一个ID的选择器）胜过选择器，其特异性为0.222.0（具有222个类/伪类的选择器）？

2009-12-21 carewithl

是的，但特异性为1.0.0的选择器会失去*到特异性为0.256.0的选择器。（在大多数浏览器中）。请参阅http://stackoverflow.com/a/11934505/613004 – Faust 2013-04-26 00:25:32

是的。

测试：

<!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>

文字为红色，最近火狐，Chrome，IE浏览器和Opera浏览器。

来源

2009-12-21 20:03:49 brianary

我不知道“... C220.C221.C222 {color：green}”是指定选择器的有效方法。无论如何，谢谢你的帮助 – carewithl 2009-12-21 21:53:57

计算选择器的特异性（CSS）

回答

相关问题