html - 如何在上下文中设置已访问和未访问链接的样式？

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;
}