你能在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中链接伪类，而在嵌套语法中链接in SCSS you can reference the parent selector with the &：

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

Answer 2

是的，您可以使用&字符：

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

来自sass-lang.com：

  

＆安培;将替换为CSS中显示的父选择器。这意味着如果您有一个深层嵌套的规则，父选择器将在＆amp;之前完全解析。被替换了。