Css 选择具有X类的各种图元
只有当元素有特定的类时,才有可能改变元素的X数量(h1、p、span…)?我在找这样的东西:Css 选择具有X类的各种图元,css,css-selectors,Css,Css Selectors,只有当元素有特定的类时,才有可能改变元素的X数量(h1、p、span…)?我在找这样的东西: (elem1, elem2, elem3, elem4).class { /* do things here */ } 以前我试过使用括号、花括号和方括号,花括号似乎有效,但快速浏览Firefox的控制台检查器似乎告诉我它忽略了括号开始和结束之间的所有内容,当然有效,但也适用于,比如说,div,而不是p,span,hX 我知道做 elem1.class, elem2.class, elem3.cl
(elem1, elem2, elem3, elem4).class {
/* do things here */
}
以前我试过使用括号、花括号和方括号,花括号似乎有效,但快速浏览Firefox的控制台检查器似乎告诉我它忽略了括号开始和结束之间的所有内容,当然有效,但也适用于,比如说,
div
,而不是p
,span
,hX
我知道做
elem1.class, elem2.class, elem3.class, elem4.class {
/* do things here */
}
可以,但我正在寻找一种不太详细的语法,因为我是个懒虫。对不起,但是纯css是不可能的。
只是没有语法
e1.class、e2.class、e3.class
尽可能短
当然,还有一些变通办法
有一个扩展名为你可以用俏皮话写作
e1, e2, e3 {
&:hover {
/* Some stuff */
}
}
还有像:任何(e1、e2、e3)。类别
但是它只在最近的一些浏览器中得到支持,比如firefox和chrome beta(我想,但我可能错了)我一定误解了这个问题,因为为什么不使用没有标记名的类选择器,比如:
.myclass {
...
}
该选择器匹配:
p.myclass
,span.myclass
,a.myclass
等
只需将标记名从选择器中去掉即可
编辑
正如我在对这个答案的评论中所指出的那样——如果你不想包括某些标记名,那么你要么a)使用你不喜欢的冗长语法,要么b)在你想针对的元素上使用另一个类名()——这就是CSS类的用途。一些新的浏览器支持
:any
(-webkit-/-moz-),例如
演示(仅在firefox上测试):进一步了解
否则,请考虑使用一个CSS预处理器,就像在
之前的一个CSS预处理器,它忽略了括号的开始和结束之间的任何事情,当然,如果它忽略了它不能工作的所有东西,当然我不明白……为什么不使用<代码> MyCult{} /代码>?(不带标记名)@BoltClock:它忽略元素,并将css应用于每个具有类的元素。对不起,如果我没有解释我自己。也许他不想包括div.myclass
现在使用带有前缀的:-*-any()
,没有任何意义,因为1)2)反正它将变成:matches()
。Sass“不是一个扩展”,也不是一个web标准。它是一个CSS预处理器,有其所有的优点和缺点(例如,您需要额外的软件将其渲染为CSS)。
:any(elem1, elem2, elem3 ...).yourclass {
color: green;
}