css - cssセレクター名を続ける

Question

私は継続的にcssセレクター名を持っている必要があります。たとえば。

eng1, eng2, eng3 ...... eng100 {
   display: block;
   width:100px;
   height:20px;
}

配列の種類のようなcssに言及する方法はありますか？ご協力いただきありがとうございます。

score 3 · Accepted Answer

これが生成されたクラスの場合である場合、属性セレクターを使用できます。

*[class^="eng"] {
    // styles
}

Sassを使用してそのようなセレクターの長いリストを作成することもできますが、属性セレクターを理解しない古いブラウザーを本当にサポートする必要がない限り、これはお勧めしません。

score 1 · Accepted Answer

[class^="eng"]{
   display: block;
   width:100px;
   height:20px;
}

これは、「eng」で始まるクラス属性を持つすべての要素に一致します

重要

クラスの前にある同じ要素に他のクラスがある場合、eng??それは失敗します。

例えば

<div class="someother eng5">..</div>

セレクターはクラス属性全体を文字列としてチェックするため、一致しません。

2 に答える 2