2

セレクターの特異性を計算するには、3 つの数値を使用することを知っています。左側の最初の数値は ID の数、2 番目の数値はクラス、疑似クラス、および属性の数を表し、3 番目の数値は要素の数を表します。

次の数字は誇張されていることに気づきました... ID はクラスよりも具体的であり、クラスは要素よりも具体的ですが、特異性が 1.0.0 のセレクター (したがって ID が 1 つのセレクター) は、特異性が 0.222.0 のセレクターに勝つでしょうか ( 222 クラス/疑似クラスのセレクター)?

4

1 に答える 1

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 ブラウザでは、テキストが赤くなります。

于 2009-12-21T20:03:49.700 に答える