css选择器合并

有没有合并此选择器的方法：

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

我希望为两个锚定状态选择ID为#footer#的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 {} 

---

假设没有其他不想影响的

a

元素，您可以将其缩短为：

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

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

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

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

---

这显然需要编辑html以添加您选择使用的类（或任何类）。

假设其中没有其他您不想影响的

a

元素，您可以将其缩短为：

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

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

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

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

这显然需要编辑html以添加您选择使用的类（或任何类）。

可能如下所示：

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

    }

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

    } 

也许是这样：

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

    }

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

    } 

---

您可以在所有标签

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>

ul.*commonClass*li a:link，ul.*commonClass*li a:visted{}
…
…

您可以在所有标签

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>

ul.*commonClass*li a:link，ul.*commonClass*li a:visted{}
…
…

我知道您已经发现添加类是一个可以接受的答案（事实确实如此）。您可能还希望通过签出来以编程方式应用css样式。

我知道您已经发现添加类是一个可接受的答案（事实确实如此）。您可能还希望签出以编程方式应用css样式。

另一种方法是为要使用该样式的每个元素添加一个类。另一种方法是为要使用该样式的每个元素添加一个类。是的，这非常有意义。。我真蠢，竟然没有意识到我可以这么做。谢谢这很有意义。。我真蠢，竟然没有意识到我可以这么做。谢谢你的回复。添加这个类非常有意义，谢谢。谢谢你的回复。添加这个类非常有意义，谢谢。