0

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

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

我希望为两个锚状态选择 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 {}
4

4 回答 4

2

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

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

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

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

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

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

于 2012-08-28T15:49:23.083 回答
2

ul您可以在应该有两个选择器的所有标记处添加一个额外的公共类。

在这种情况下，您只能使用这个 css：

ul.*commonClass* li a:link, ul.*commonClass* li a:visited {}

<ul id="social_footer" class="*commonClass*" >...</ul>
<ul id="footer_navigate" class="*commonClass*" >...</ul>
于 2012-08-28T15:52:46.620 回答
0

也许像这样：

    ul#social_footer li a:link, ul#social_navigate li a:link{

    }

    ul#footer_footer li a:visited, ul#footer_navigate li a:visited{

    }
于 2012-08-28T15:50:33.487 回答
0

我知道您已经发现添加一个类作为可接受的答案（确实如此）。您可能还想查看lesscss作为一种以编程方式应用 css 样式的方法。

于 2012-08-28T17:08:41.370 回答