Witam, zaczynam zabawę z RWD i mam pewien problem.
Przy normalnym menu po najechaniu na element mam ustawione takie coś:
#header-content nav ul li a:after{
content:'';
display:block;
margin:5px 0 0 0;
border-top:2px solid white;
width:0;
transition: all 0.2s;
}
#header-content nav ul li aafter{
border-top:2px solid #fff;
width:100%;
Na mobilne zrobiłem sobie menu wysuwane z góry, wszystko jest ok, tylko nie mogę zlikwidować tego podkreślenia. Jakieś pomysły?
border-top musisz zlikwidować, jak na mniejsze rozdzielczości to użyj media queries
Poradziłem sobie, ale musiał zastosować !important, ktoś mi wyjaśni dlaczego?
!important nadpisuje wszystkie style wpisane wcześniej, a dlaczego to szklanej kuli nikt nie ma...
@media queries które mam na końcu nie powinny napisać stylów, które mam na początku pliku css.
Chyba ,że źle robię to menu, bo na jednym mam i zwykłe i mobilne. Może lepiej zrobić w html dwa osobne i je ostylować też osobno?
@media queries które mam na końcu nie powinny nadpisać stylów, które mam na początku pliku css?
Chyba ,że źle robię to menu, bo na jednym mam i zwykłe i mobilne. Może lepiej zrobić w html dwa osobne i je ostylować też osobno?