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

Stu*_*ser 24 css wildcard css-selectors css3

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

<p id="loremIndexIpsum">Text in here</p>
Run Code Online (Sandbox Code Playgroud)

使用loremIpsum忽视Index.类似的东西:

p#lorem*Ipsum
{
}
Run Code Online (Sandbox Code Playgroud)

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

Bol*_*ock 49

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

p[id^="lorem"][id$="Ipsum"]
Run Code Online (Sandbox Code Playgroud)

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

jsFiddle演示

  • +1 不知道开始和结束选择器......现在我已经学会了我可以睡到星期一的新东西 (2认同)