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

时间:2011-07-29 14:30:34

标签: css css3 css-selectors wildcard

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

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

使用loremIpsum无视Index。类似于:

p#lorem*Ipsum
{
}

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

1 个答案:

答案 0 :(得分:46)

您不能使用这样的通配符,但要获得所需的结果(ID以lorem开头,以Ipsum结尾),您可以使用attribute starts-with and ends-with selectors代替,如此:

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

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

jsFiddle demo