Css 答：特定元素的链接应用于整个页面链接

我的CSS/HTML5代码中有一个问题。 正如标题所说，当我为特定元素（div）提供a:link时，它会将整个页面的链接更改为这些设置（颜色）

我以前从未见过这个问题。 我仔细检查了syntex的链接，但它似乎是正确的。 我尝试删除缓存，并按Shift+F5刷新。也在Edge和FireFox上试用过

ul a:link, a:visited, a:active {
    color: #e20000;
    text-decoration: none;
}

a:link, a:visited, a:active {
    color: #fff;
    text-decoration: none;
}

现在，我需要它保持在我设置的元素的限制内

是什么导致了这个问题？

---

提前谢谢。

逗号分隔多个选择器，这些选择器应用了相同的规则。规则开头的

ul

是第一个选择器（

ul a:link

）的一部分，不影响访问和活动状态

ul a:link, a:visited, a:active {
    color: #e20000;
    text-decoration: none;
}

将

ul

添加到它们中：

ul a:link, ul a:visited, ul a:active {
    color: #e20000;
    text-decoration: none;
}

（实验性）规则（以前称为

：any

或

：matches

）允许在公共分母下包含多个规则。不幸的是，这个特性仍然缺乏支持，并且存在缺陷

ul :is(a:link, a:visited, a:active) {
    color: #e20000;
    text-decoration: none;
}

例如：

div:is（a:link，a:visted，a:active）{
颜色：#e20000；
文字装饰：无；
}
/**需要浏览器的兼容性**/
div:-webkit any（a:链接，a:访问，a:活动）{
颜色：红色；
光标：指针；
}
div:-moz any（a:链接，a:访问，a:活动）{
颜色：红色；
光标：指针；
}
：匹配（页眉、主视图、页脚）p:悬停{
颜色：红色；
光标：指针；
}