如何在上下文中设置访问过的链接和未访问过的链接？

Question

以下

#navigation  li  a{
    :link, :visited {
        text-transform: capitalize;
    }
}

对我不起作用。

以下代码有效但包含重复

#navigation  li  a:link {
    text-transform: capitalize;
}

#navigation  li  a:visited {
    text-transform: capitalize;
}

Answer 1

要将样式应用于多个选择器，您可以使用逗号分隔选择器。

#navigation  li  a:link,
#navigation  li  a:visited {
    text-transform: capitalize;
}

Answer 2

标准CSS不支持您拥有的嵌套元素。为此，您需要使用SCSS或LESS之类的内容。

这适用于标准CSS但是......

#navigation  li  a:link,
#navigation  li  a:visited {
    text-transform: capitalize;
}