ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS で特定のクラスまたは属性を持たない HTML 要素を選択するにはどうすればよいですか?
CSS で特定のクラスまたは属性を持たない HTML 要素を選択するにはどうすればよいですか?
- Linda Hamiltonオリジナル
- 2024-12-27 09:34:14780ブラウズ
特定のクラスまたは属性を持たない要素の選択
Q: 特定のクラスを持たない要素を選択する CSS セレクターを作成することは可能ですか?または属性?
ほとんどの場合、これは:not() 疑似クラス。たとえば、以下の HTML の場合、「printable」クラスがないすべての要素を選択するセレクターを作成できます。
<html>
A: 「printable」クラスのない要素を選択するにはこの場合のクラス (つまり、nav 要素と a 要素) では、次のセレクターを使用します:
:not(.printable) {
/* Styles */
}
CSS の場合
:not([attribute]) {
/* Styles */
}
IE8 以前に関する考慮事項: IE8 以前は :not() をサポートしていないことに注意してください。回避策として、代わりに「printable」クラスを持つ要素をスタイル設定することを検討してください。このアプローチが現実的でない場合は、制限に合わせてマークアップを変更する必要がある場合があります。
注意: 適用されるプロパティによっては、:not() の使用が予期しない方法で子孫要素に影響を与える可能性があります。 。たとえば、:not(.printable) で display: none を設定すると、要素とそのサブツリーがレイアウトから削除され、「printable」クラスを持つ子孫要素にも影響します。問題がある可能性のあるプロパティを適用する場合は注意し、代わりに可視性: 非表示を使用することを検討してください。
以上がCSS で特定のクラスまたは属性を持たない HTML 要素を選択するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。