我可以在CSS中使用多个[element=”属性选择器吗？

我正在使用CSS将一个图标附加到内部锚标记上。e、 g

<a href="#section2">Jump to section two</a>

我正在尝试用CSS而不是JavaScript来实现它

这可以接受吗

a[href^=“#”][href！=“#”]：之后{
/* ... */
}

允许多个，但没有

[attr！=value]

属性选择器

您可以使用伪类从选择器中排除

[href=“#”]

：

a[href^=“#”]：不（[href=“#”]）：之后{
内容：'\f14c'；
字体系列：Fontsome；
字体大小：正常；
字体风格：普通；
}

值得注意的是，

：not（）

伪类在

或者，对于IE8（声明DOCTYPE时），您也可以覆盖

[href=“#”]

选择器的应用样式，如下所示：

a[href^=“#”]：之后{
内容：'\f14c'；
字体系列：Fontsome；
字体大小：正常；
字体风格：普通；
}
a[href=“#”]：之后{
内容：无；
}

允许多个，但没有

[attr！=value]

属性选择器

您可以使用伪类从选择器中排除

[href=“#”]

：

a[href^=“#”]：不（[href=“#”]）：之后{
内容：'\f14c'；
字体系列：Fontsome；
字体大小：正常；
字体风格：普通；
}

值得注意的是，

：not（）

伪类在

或者，对于IE8（声明DOCTYPE时），您也可以覆盖

[href=“#”]

选择器的应用样式，如下所示：

a[href^=“#”]：之后{
内容：'\f14c'；
字体系列：Fontsome；
字体大小：正常；
字体风格：普通；
}
a[href=“#”]：之后{
内容：无；
}

---

是的，允许使用多个属性选择器，并且我认为没有任何特定要求它们是不同的属性。是的，这是可以接受的。是的，您可以轻松地向选择器添加更多条件，但不要过度。我建议尽量简化选择器。这将使您以后能够更轻松地修改它。如果

#section

是锚定标记的标准前缀，您可以将选择器设置为

a[href^=“#section”]

是的，允许使用多个属性选择器，并且我认为没有任何特定要求它们具有不同的属性。是的，这是可以接受的是的，您可以轻松地为选择器添加更多的条件，但不要做得太过分。我建议尽量简化选择器。这将使您以后能够更轻松地修改它。如果

#section

是锚定标记的标准前缀，则可以将选择器设置为

a[href^=“#section”]

<a href="#">Back to top</a>