最初の「 」内の要素以外のすべてをスタイルするにはどうすればよいですか?

「not:first-child」セレクターを効果的に使用する

コンテナ内の要素をスタイル設定する場合、多くの場合、最初の要素を除くすべての要素にルールを適用する必要があります。このようなシナリオでは、「not:first-child」セレクターを効果的に利用する方法を理解することが重要です。

あなたの場合、「div」タグ内のすべての「ul」タグに CSS プロパティを設定しようとしていました。最初のものを除いて。試みは失敗しましたが、試したバリエーションの 1 つは最新のブラウザーで実際に機能します:

div ul:not(:first-child) {
    background-color: #900;
}

このセレクターは CSS セレクター レベル 3 を活用し、「div」内の最初ではないすべての「ul」タグをターゲットにします。

ただし、レガシー ブラウザをサポートする必要がある場合、または ':not' セレクターの制限に直面する場合は、別のアプローチがあります。利用可能:

1. 意図したよりも広い範囲のルールを定義します:

div ul {
    background-color: #900;  /* applies to every ul */
}

2. 条件付きでルールを「取り消し」、対象の要素に範囲を制限します。

div ul:first-child {
    background-color: transparent; /* limits the scope of the previous rule */
}

変更された CSS のデフォルト属性に戻すことによってプロパティを使用すると、ルールを目的の要素に効果的に制限できます。

以上が最初の「 」内の要素以外のすべてをスタイルするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。