你能在CSS或SCSS中链接Anchor Pseudo-classes吗？

Question

我正在使用SCSS,并想知道是否有更好的方法来写这个...

.nav li a:hover, .nav li a:active, .nav li a:visited, .nav li a:focus

如果有可能这样的话,我会很高兴...

.nav li a:hover:active:visited:focus

Answer 1

SCSS提供一些帮助

您不能在CSS中链接伪类,但在SCSS中,您可以使用&嵌套语法引用父选择器:

.nav li a {
    &:hover,
    &:active,
    &:visited,
    &:focus {
        …
    }
}