css - 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，包含一个包含一个“a”的“p”。然后，使用“a”标签更改“链接”和“已访问”属性。

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

其次，可能有更好的方法来完全组织我的文档，如果您在该领域有建议，那就太酷了，但我也真的很好奇我提出的方法是否可行，以及我将如何实现它方式。

谢谢！

score 0 · Accepted Answer

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

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

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

1 回答 1