CSS には :blur セレクターがありますか?

CSS に :blur セレクターはありますか?

CSS は、広く使用されている :focus を含む堅牢なセレクターのセットを提供します疑似クラス。ただし、並列の :blur セレクターがあるのではないかと疑問に思う人もいるかもしれません。

答え:

:focus の存在にもかかわらず、CSS は:ぼかしpseudo-class.

説明:

CSS 疑似クラスは、ドキュメント ツリー内の要素の状態を表します。これらは、イベントや状態間の遷移に直接対処するものではありません。 :focus は、現在フォーカスを保持している要素を示しますが、要素が最近フォーカスを失ったことを示すものではありません。同じことが :hover にも当てはまります。これは、ポインティング デバイスが上に乗っている要素を表しますが、ポインティング イベント自体を意味しません。

フォーカスされていない要素のスタイルを設定するには、主に 2 つの方法があります。

• ネガティブセレクター (レスブラウザ)サポート):

input:not(:focus), button:not(:focus) {
    /* Styles for form inputs and buttons that do not have focus */
}

• 2 つのルール アプローチ:

input, button {
    /* Styles for all form inputs and buttons */
}

input:focus, button:focus {
    /* Styles for form inputs and buttons that have focus */
}

これらの手法を利用することで、開発者は専用の :blur がなくても、要素のフォーカス ステータスに基づいてスタイルを効果的に適用できます。疑似クラス

以上がCSS には :blur セレクターがありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。