Question

所以我们有关于not()和p:first-child{}选择器的以下示例。以下是示例：

<!DOCTYPE html>
<html>
<head>
<style>
p:first-child{
color: red;
}
p:not(a){
    color: green;
}
</style>
</head>
<body>

<p>This a paragraph.</p>

</body>
</html>

为什么段落最后是红色的？有人可以解释（如果可能的话）为什么p:first-child{}具有比not()选择器更大的特异性???

Answer 1

有人可以解释（如果可能）为什么p：first-child {}比not（）选择器具有更大的特异性？

因为：not（）对特异性本身没有任何影响 - 只有内在的内容才具有特异性。

所以你有元素选择器p和伪类:first-child，它具有0-0-1-1的特异性 - 你有元素选择器p和{{1导致a。

not（）和first-child选择器之间的特异性

1 个答案: