div.menu ul li a：visited inherits div.menu ul li a？

Question

我正在写一些CSS EDSL，我无法理解这里的关系

div.menu ul li a, div.menu ul li a:visited {

它是默认的Microsoft ASP.NET WebForms模板的一部分，我不确定这是否无论如何都是健全的。

因为如果这是理智的，那么我做错了。

我现在能看到的是

div.menu ul li a {

会产生相同的效果，因为只有a必须影响所有其他选择器。

我无法看到作者在此处添加div.menu ul li a:visited的原因。

Answer 1

通常的话：

  

此样式将应用于位于a内的li内的每个ul，该div位于menu内，类{{1}每个:visited a 和   位于li内，位于ul内div，内容为menu。

换句话说：访问（或不访问）时锚链接的属性将是相同的（对于.menu）。

另请查看CSS Selector Reference以获取更多示例。

Answer 2

要将同一属性集应用于多个属性，请使用逗号。所以：

 div.menu ul li a, div.menu ul li a:visited {
    color: #ccc;
 }

将设置普通链接和访问链接的颜色。默认情况下，浏览器有自己的颜色：

• 标准链接 - #0000FF //蓝色
• 访问过的链接 - #800080 //紫色
• 有效链接 - #FF0000 //红色

这是一个标准，但现在每个浏览器差异很大。

Answer 3

这意味着，锚链接的属性和访问过的锚都是相同的。