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

Question

我有一些生成的CSS,并希望使用一些可以选择的CSS

<p id="loremIndexIpsum">Text in here</p>

使用lorem和Ipsum忽视Index.类似的东西:

p#lorem*Ipsum
{
}

我可以生成更多的类,但想知道这是否可以用CSS.

Answer 1

你不能使用这样的通配符,但是为了获得所需的结果(ID lorem以及开头结束Ipsum),你可以使用属性starts-with和ends-with选择器,如下所示:

p[id^="lorem"][id$="Ipsum"]

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