ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS は特定の文字列で始まるクラス名を持つ要素を選択できますか?
CSS は特定の文字列で始まるクラス名を持つ要素を選択できますか?
- DDDオリジナル
- 2024-11-14 16:05:021061ブラウズ
CSS は特定の文字列で始まるクラス名を持つ要素と一致できます
質問:
CSS で、「ワイルドカード」を使用して、特定のクラス名で始まる要素を選択する方法はありますか? string?
答え:
はい、次の CSS セレクターを使用して、クラス名が特定の文字列で始まるすべての要素と一致させることができます:
- [class^='string']: クラス属性が で始まる要素と一致します。 'string'.
- [class*=' string']: クラス属性に 'string' が含まれる要素と一致します。
例:
すべての
を選択してスタイルを設定するには「myclass」で始まるクラス名を持つ要素:
div[class^='myclass'"], div[class*=' myclass'] {
color: #f00;
}
提供された HTML コード内:
<div class="myclass-one"></div> <div class="myclass-two"></div> <div class="myclass-three"></div>
提供されたセレクターにより、3 つの
がすべて確実に実行されます。要素のテキストの色は赤に設定されています。
以上がCSS は特定の文字列で始まるクラス名を持つ要素を選択できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。