：ここで、（）にはクールな特異性のトリックもあります。

:is()および:where()は、同様の機能を提供しますが、特異性は大幅に異なるCSS擬似選択です。最近、 :is()より広範なブラウザのサポートにより、複雑なセレクターを簡素化するために人気を博しました。ただし、 :where()特異性を制御する上で重要な利点を提供します。

:is()その最も具体的な引数の特異性を継承します。これは、実証されているように、追加のクラスを追加せずに特異性を高めるのに有利です。

 ：is（.button、＃croshing＃disciationity）{
  / *特異性の増加 */
}

逆に、 :where()常に特異性がゼロになります。これは、より高い特異性セレクターがより一般的なスタイルを意図せずに無効にする可能性のある状況で特異性を低下させるのに特に役立ちます。この例を考えてみましょう。

 .card：is（.title、p）{ / * .title *の高い特異性 * /
  色：赤;
}

.card p { / *特異性を低く * /
  色：黄色;
}

ここでは、 red次のように勝ちます:is()の継承特異性。切り替え:where()結果が変更されます：

 .card：where（.title、p）{ / * zero特異性 * /
  色：赤;
}

.card p { / *特異性が低いですが、それでも勝ちます * /
  色：黄色;
}

現在、 yellowが普及しているため:where()の特異性が低い場所です。

:is()と:where()のいずれかを選択します。特定のニーズに依存します。一般に、最初から:is()その単純さのために推奨されます。ただし、特異性の競合に遭遇した場合、 :where()特異性を管理および低減するための強力なツールを提供し、意図しないスタイルのオーバーライドを防ぎます。メンテナンス性には一般的に低い特異性が好まれますが、次のような極端なゼロ特異性は:where()独自の複雑さを導入する可能性があります。したがって、バランスの取れたアプローチは重要です - 使用:is() :where()が提供する正確な特異性制御が必要な場合です。

以上が：ここで、（）にはクールな特異性のトリックもあります。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。