Question

无法理解一个特定的特异性实例，也许我在想它。

例如：

.class #id vs .class #id 在第一种情况下，html会是正确的。所以对我来说这让我觉得它就像一个属性。这会改变特异性吗？

编辑：换句话说，我在问 .class #id：特异性= 1-1-0 .class #id：specificity = 1-1-0

同样，例如 .class [id =“id”]属性或id？

Answer 1

在第一种情况下：.class#id匹配

<div class="class" id="id"><div> <!-- matches this div -->

但这.class #id匹配

<div class="class">
  <div id="id"> <!-- matches this div -->
</div>

CSS选择器中没有空格意味着它们将应用于同一个元素。空间将暗示儿童元素。

<强>特异性
关于您的上一个案例，.class[id=id] 几乎与第一个案例完全相同：.class#id比.class[id=id]更“具体”，因为attr CSS中的优先级低于id的优先级。

有关CSS特异性look here的精彩读物。

Answer 2

＆＃13;

.class#id{ background-color:red} /*specificity 0110*/

.class[id="id"]{ background-color:green} /*specificity 0020*/

＆＃13;

<div class="class" id="id">lorem</div>

＆＃13;

表示.class＃id，特异性是

表示.class [id =＆＃34; id＆＃34;]，特异性是