web-dev-qa-db-ja.com

属性セレクターの途中でCSSワイルドカードを使用することは可能ですか?

私はいくつかの生成されたCSSを持っており、例えばを選択できるいくつかのcssを使用したいと思います。

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

loremを無視してIpsumIndexで使用します。似たようなもの:

p#lorem*Ipsum
{
}

さらにいくつかのクラスを生成できますが、CSSでこれが可能かどうか疑問に思いました。

24
StuperUser

このようなワイルドカードを使用することはできませんが、目的の結果(IDはloremで始まりIpsumで終わる)を取得するには、 属性starts-withおよびends)を使用できます。 -セレクター付き 代わりに、次のようになります。

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

このように(p型セレクターとともに)複数の属性セレクターをリンクすることにより、同じ要素でそれらすべてとAND一致を行うことに注意してください。

jsFiddleデモ

51
BoltClock