Selgitatakse CSS-i kursori valijat (koos näitega)

CSS- :hovervalija on üks paljudest pseudoklassidest, mida kasutatakse elementide stiilimiseks. :hoverkasutatakse elementide valimiseks, mille kasutajad hõljutavad kursorit või hiirt. Seda saab kasutada kõigil elementidel, mitte ainult linkidel.

Kui kasutatakse stiilis lingid, :hoversageli paaris :link, :visitedja :activevalijad, mis stiilis külastamata, külastatud ja aktiivseid linke võrra.

Kui :linkja :visitedreeglid on CSS-i definitsioonis, :hoverpeaksid need järgima. Vastasel juhul :hoverei rakendata reegli stiile valitud elemendile.

Süntaks:

a:hover { /* CSS declarations */ }

Hõljuri valija rakendab reeglis sätestatud stiile ainult siis, kui element siseneb hõljutusolekusse. See juhtub tavaliselt siis, kui kasutaja hõljub hiirega elemendi kohal.

button { color: white; background-color: green; } button:hover { background-color: white; border: 2px solid green; color: green; }

Ülalolevas näites on nupu tavaliseks stiiliks valge tekst rohelisel nupul. Kui kasutaja hõljub hiirega nupu kohal, :hovermuutub valijaga reegel aktiivseks ja nupu stiil muutub.

Pange tähele, et see :hovervõib puutetundlikel ekraanidel olla problemaatiline - riistvara ja mobiilibrauseri erinevad rakendused võivad mõnel juhul pseudoklassi käivitada ja mõnel juhul mitte. Testige elemente põhjalikult :hovervõimalikult paljude erinevate mobiilibrauserite ja seadmetega.