匹配多个伪类

Question

我想知道有没有办法在CSS中做这样的事情：

.menu a:match(:active:hover:visited)
{ }

而不是

.menu a, .menu a:active, .menu a:hover, .menu a:visited
{ }

Answer 1

如果您的a对所有州都有color，那么最好这样写：

.menu a{
 color:red;
}

而不是

.menu a, .menu a:active, .menu a:hover, .menu a:visited{color:red}

Answer 2

没有。目前没有机制可以做你想要的。您需要根据您要避免的内容完整列出所有选择器：

.menu a, .menu a:active, .menu a:hover, .menu a:visited

CSS目前更像是一种标记语言，而不是一种编程语言。然而，正如Litek在评论中所指出的那样，:matches:() proposed for CSS4正是您所描述的（以及更多）。