CSS `not` セレクターを使用せずに特定の要素の外側にある入力フィールドを選択する方法

「not」を使用しない CSS セレクターの移動: 外部入力フィールドの選択

CSS では、「not」セレクターは人気の機能ですこれにより、ユーザーは一致基準から特定の要素を除外できるようになります。現在、JavaScript/jQuery が使用されていない限り、この機能はブラウザでは利用できません。

たとえば、クラス「classname」を持つ要素内のすべての入力フィールドを選択するには、CSS コードは次のようになります:

<code class="css">.classname input {
  background: red;
}</code>

これに対抗するには、論理的な次のステップは、「classname」要素内の入力フィールドを除外することです。ただし、「not」セレクターがないため、別のアプローチがなければこれは不可能です。

次のコードで示されているように、そのような代替手段の 1 つは JavaScript/jQuery です。

$j(':not(.classname) > input').css({background: 'red'});

このコードは、クラス「classname」を持つ要素の子孫ではないすべての入力フィールドを選択します。これにより、「classname」要素の外側のすべての入力フィールドに赤い背景を適用するという望ましい結果が効果的に得られます。

CSS には「not」セレクターがありませんが、JavaScript/jQuery を利用できることで、この制限に対する解決策が提供されます。により、特定の基準に基づいて要素を正確に選択および変更できます。

以上がCSS `not` セレクターを使用せずに特定の要素の外側にある入力フィールドを選択する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。