css 选择器合并

Question

有没有办法合并这个选择器:

ul#social_footer li a:link,
ul#social_footer li a:visited {} 

我希望为两个 anchor 状态选择 ID 为#footer_navigate 的 ul 的相同选择器。

这是唯一的方法吗？

ul#social_footer li a:link,
ul#social_footer li a:visited,
ul#footer_navigate li a:link,
ul#footer_navigate li a:visited {} 

Answer 1

假设那里没有您不想影响的其他 a 元素，您可以将其缩短为:

ul li a:link,
ul li a:visited {
    /* css */
}

这种方法确实存在一个问题，即您必须覆盖由同一选择器匹配的其他链接的给定样式。

不过，我建议改用类来识别那些共享样式的链接:

ul.navigation li a.happyColors:link
ul.navigation li a.happyColors:visited {
    /* CSS */
}

显然，这需要编辑 html 以添加您选择使用的那些(或其他)类。