CSS选择器组织

Question

我有一些工作的CSS代码，但我觉得应该有一种更有效的方法来组织我想要的CSS。基本上，我希望两个单独的CSS区域在这个实例中表现相同，但在其他情况下不同（这对于这个问题并不重要）。

这是有效的CSS：

#paragraph p a:visited, #paragraph2 p a:visited{color:#00f;}  
#paragraph p a:link, #paragraph2 p a:link{color:#f00;}   

我想象的是这样的事情：

(#paragraph | #paragraph2) p a{
visited{color:#00f;}
link{color:#f00;}
}

我会尝试用语言封装我的伪代码，以防我写的内容没有意义：

#paragraph或＃paragraph2，包含“p”，其中包含“a”。然后，在“a”标签中更改“链接”和“访问”属性。

首先，感谢任何花时间阅读/回答的人。

其次，可能有一种更好的方式来完整地整理我的文档，如果你在这个领域有建议，那就太酷了，但是如果我提出的方法是可行的，我也真的很好奇，我会怎么做以这种方式完成它。

谢谢！

Answer 1

你可以给这两个段落一个类，然后根据类选择，这样你就不必重复了。另外，如果您想要在这方面更好地替代常规CSS，请查看LESS和Sass。

例如，在Sass中你可以这样做（如果你在两个段落中添加.paragraph类）：

.paragraph p a {
    visited { color: #00f; }
    link { color: #f00; }
}