Cursor: pointer - Gdzie używać?

Question

Witam. Z kursów Pana Mirosława Zelenta nauczyłem się korzystać z

.div:hover {
    cursor: pointer;
}

Tylko czy ta reguła musi być zapisana akurat pod hover? Gdy zapiszę to w taki sposób:

.div {
    cursor: pointer;
}

Reguła również działa poprawnie. Czy pisanie tego w sposób drugi jest uznawane za właściwe?

Answer 1

Skoro poznałeś to w kursie (nie znam go osobiście, więc nie wiem co tam jest) to zakładałbym, że było też wyjaśnione co to jest to "hover"? Pierwszy sposób jest lepszy bo jasno wskazujesz, że interesuje Cię zmiana wyglądu kursora dla konkretnej sytuacji, czyli dla najechania myszką na dany element.

Ale nie przywiązywałbym się tak super do tego cursora na hover... dla desktopa oki, ale pamiętaj, że dzisiaj często nawet 70% ruchu to ruch mobilny, gdzie to wszystko wygląda nieco inaczej, tam nie masz kursora w takim znaczeniu jak na desktopie. No i warto się zastanowić czy skoro potrzebujesz hovera to nie powinien być czasami po prostu link, może wtedy po prostu z domyślnym kursorem dla aktywnego linka jaki user ma wybrany u siebie na urządzeniu.

Comments

Mogę się mylić ale button chyba nie zmienia kursora i trzeba mu nadać pointera.

---

zgadza się, w przypadku buttona można dodać taki hover ale wtedy, gdy takie są decyzje UXowe, to jaki mka być kursor, kolor itp. to nie rola front-enda tylko UX designera, nie mylmy tych dwóch profesji :)

Ale fakt, zapomniałem dodać info, że jeśli to nie ma być np. żadne przekierowanie gdzieś to pewnie poprawniejszy będzie odpowiednio ostylowany button i wtedy można faktycznie rozważyć taki hover.