Html 文本阴影覆盖

HTML

---

第二个列表项仍然有阴影。为什么？

这是一个特殊性问题：第一个规则获胜，因为它比第二个规则（仅1个类，没有元素：

10

）具有更大的特殊性（按1个伪类和3个元素计算：

13

）：您应该改为编写

ul li:nth-child(even) a {
    text-shadow: 1px 1px 1px red;
}

.active {
    text-shadow: none;
}

或者——一般而言——任何其他特异性大于或等于

13

的有效规则

如果无法更改第二个选择器，则只需使用

！重要信息

适用于该属性，但应尽可能少地限制其使用

---

有关更多信息，另请参见：

• 这是一个关于
• 本文就特异性及其计算方法进行了探讨

---

这是一个特殊性问题：第一个规则获胜，因为它比第二个规则（仅1个类，没有元素：

10

）具有更大的特殊性（按1个伪类和3个元素计算：

13

）：您应该改为编写

ul li:nth-child(even) a {
    text-shadow: 1px 1px 1px red;
}

.active {
    text-shadow: none;
}

或者——一般而言——任何其他特异性大于或等于

13

的有效规则

如果无法更改第二个选择器，则只需使用

！重要信息

适用于该属性，但应尽可能少地限制其使用

---

有关更多信息，另请参见：

• 这是一个关于
• 本文就特异性及其计算方法进行了探讨

ul li:nth-child(even) a.active {
   text-shadow: none;
}