Wiem, że musi być sposób, aby to zrobić i zawsze pracowałem nad nim, ale, jest tam jakiś sposób można zobaczyć (i/lub edytować) style pseudoklasy zastosowane do elementu?Jak mogę zobaczyć style dołączone do: hover i innych pseudo klas w firebug i chrome debugger
Na przykład zamierzam edytować .myclass:hover lub #someid:active w debugerze.
ps. Im naprawdę bardziej zajmować się tym, jak to zrobić w chrome debugger, choć jest doceniany firebug!
Sprawdzenie elementu, a następnie:
Dla Firebug:
zapamiętać kod do aktywowania CSS zniknie jeśli lecisz nad elementem ponownie (należy ponownie sprawdzić : hover).
Dla Chrome:
można zobaczyć zarówno zasady psuedo klasy i zmusić ich elementów.
Aby wyświetlić je w panelu Style, kliknij mały przycisk z kropkowaną ramką w prawym górnym rogu.
Aby wymusić element do :hover stanu, kliknij prawym przyciskiem myszy.
W Chrome wystarczy kliknąć prawym przyciskiem myszy (aby unosić) div i kliknąć Inspect. Jeśli okno Inspect znajduje się w konsoli, po kliknięciu prawym przyciskiem myszy mysz "wpadnie" w konsolę, a Ty nadal w tym samym czasie będziesz najechał na div. Następnie możesz zobaczyć normalny styl: hover pseudo.
To jest głupie, ale to jest moje obejście problemu.
jest to prawie niemożliwe, o bardzo małych elementów, dzięki za cynk chociaż –
Nie, raczej nie. po prostu rozwiń konsolę tak, aby zajęła większość ekranu. wtedy menu rozwijane z prawym klawiszem powinno znajdować się częściowo w konsoli. to już koniec. – Cystack
Muszę przyznać, że w przeszłości stosowałem podobne rzeczy. – thirtydot
W Firebug możesz wybrać element za pomocą: hover z niebieskim narzędziem strzałki wyboru, a zobaczysz go, gdy będziesz unosił się nad elementem. Niestety, kiedy poruszasz myszą, odejdzie, ale możesz zobaczyć, w której linii jest on włączony i edytować CSS przez kartę firebug css.
która wersja chrome to jest? –
czy wiesz, że jest dostępny w bardziej stabilnych wersjach? beta? dev? –
Jestem na dev. To działa tutaj. – binarious