是否可以在属性选择器的中间使用CSS通配符?

前端之家收集整理的这篇文章主要介绍了是否可以在属性选择器的中间使用CSS通配符?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一些生成的CSS,并希望使用一些可以选择例如
<p id="loremIndexIpsum">Text in here</p>

使用lorem和Ipsum无视Index。类似的东西:

p#lorem*Ipsum
{
}

我可以生成更多的类,但是想知道CSS是否可以实现。

解决方法

您不能使用这样的通配符,但是要获得所需的结果(ID从lorem开始,以Ipsum结束),您可以使用 attribute starts-with and ends-with selectors,如下所示:
p[id^="lorem"][id$="Ipsum"]

请记住,通过链接这样的多个属性选择器(以及p类型选择器),您在同一个元素上与所有这些属性选择器进行AND匹配。

jsFiddle demo

原文链接:/css/218076.html

猜你在找的CSS相关文章