Adakah CSS Mempunyai Pemilih :blur?

Adakah Terdapat Pemilih :blur dalam CSS?

CSS menyediakan set pemilih yang mantap, termasuk :fokus yang digunakan secara meluas kelas pseudo. Walau bagaimanapun, seseorang mungkin tertanya-tanya sama ada terdapat pemilih :blur yang selari.

Jawapan:

Walaupun wujudnya :focus, CSS tidak menawarkan :blur kelas pseudo.

Penjelasan:

Kelas pseudo CSS mewakili keadaan elemen dalam pepohon dokumen. Mereka tidak secara langsung menangani peristiwa atau peralihan antara negeri. :focus menunjukkan elemen yang memegang fokus pada masa ini, tetapi ia tidak menunjukkan bahawa elemen itu telah hilang fokus baru-baru ini. Perkara yang sama berlaku untuk :hover, yang mewakili elemen dengan peranti penunjuk berlegar di atasnya, tetapi tidak menandakan peristiwa menunjuk itu sendiri.

Untuk menggayakan elemen yang tidak berada dalam fokus, terdapat dua pendekatan utama:

• Pemilih Negatif (Kurang Penyemak Imbas Sokongan):

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

• Pendekatan Dua Peraturan:

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

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

Dengan menggunakan teknik ini, pembangun boleh menggunakan gaya dengan berkesan berdasarkan status fokus elemen, walaupun tanpa :blur khusus kelas pseudo.

Atas ialah kandungan terperinci Adakah CSS Mempunyai Pemilih :blur?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!