在有多个类值的情况下,是否可以使用css通配符类选择器?

在有多个类值的情况下,是否可以使用css通配符类选择器?,css,css-selectors,Css,Css Selectors,是否有一个CSS选择器,我可以用一个包含图标的类来选择所有锚点-* <a class="icon-a icon-large scrollTo" href="#a"></a> <a class="icon-large icon-b scrollTo" href="#b"></a> <a class="icon-large scrollTo icon-c" href="#c"></a> Javascript是我唯一的选择吗?您

是否有一个CSS选择器,我可以用一个包含图标的类来选择所有锚点-*

<a class="icon-a icon-large scrollTo" href="#a"></a>
<a class="icon-large icon-b scrollTo" href="#b"></a>
<a class="icon-large scrollTo icon-c" href="#c"></a>

Javascript是我唯一的选择吗?

您使用了一个错误的选择器-一个[class]是所有锚定,一个类作为锚定


基本上,从

开始的任何元素都是肯定的,但首先需要删除类型选择器和属性选择器之间的空格以及属性值中的空格:

a[class^="icon-"], a[class*="icon-"] {
text-decoration: none;
color: pink; /* get rid of the # */
}

颜色:粉红色;太多了?你不能有一个包含空格的类,所以第二个选择器没有意义。@Barmar:但是你可以有一个包含空格的值的class属性。它就在标记中-空格用于分隔类名。哦,对了,属性选择器不像类选择器那样解析它。现在问题已将其更改为1BA1E2,它显然不是粉红色的。。。?!我是个彻头彻尾的傻瓜。谢谢实际上是否需要第二个选择器?不太清楚它是做什么的,因为我从font awesome中处理了这段代码,试图覆盖某些内容。@user1133619:第一个选择器更合适,是的,它们在这个上下文中都做相同的事情。
a[class^="icon-"], a[class*=" icon-"] {
   text-decoration: none;
   color: #1BA1E2;
}
a[class^="icon-"], a[class*="icon-"] {
text-decoration: none;
color: pink; /* get rid of the # */
}