Stylowanie menu z ul listą

Question

Cześć mam problem... z hoverem jak najadę na pierwszy item to fajnie na bialo zmienia kolor czcionki, a na drugim juz nie chce zmienic.

Jesli ktos by mógł mi wytlumaczyc czemu tak jest, oraz jesli ktoś by mogl zrobic jakies code review i powiedziec czy klasy, sa nazwane okej, czy mozna bylo to prosciej zrobic.

 

https://codepen.io/Turqus/pen/VMoPKg

Answer 1

Nie zmienia koloru, bo kolor nadałeś klasie .menu-create__desc a hover aktywujesz i dodajesz do klasy .menu__wrapper-create.

Zrób tak

.menu__wrapper-create:hover .menu-create__desc { color: twoj_kolor; };

Nie lubie tak długich nazw klas, mi się nazewnictwo nie podoba :)

Comments

To jesli mam duzy projekt gdzie nie moge uzywac nazw klasy prostych co bys proponowal???

---

Jak klas prostych?

---

Proste nazewnictwo ze menu, circle, header, heading, form bo by sie powtarzaly

---

no, ale ile masz zamiar zrobić menu na stronie? A form to bardzo prosto :) Możesz stworzyć sobie klasę .form która będzie miała "ogólnikowe" dane ( podstawowe ułożenie etc ) a innymi je rozszerzać. Powiedzmy, że masz 2 formy - jeden do rejestracji a drugi do kupna przedmiotu. 1) Dla rejestracji : label class="label-form label-registration"> input class="input-form input-registration"> 2) Dla kupna label> input class="input-form input-purchase"> Zapisałem tak, bo nie działa mi normalne odpowiadanie ( nie można wkleić kodzika )

---

Z 8:D

Ok dales input-form a jesli takich mam tez z 8? To musze dodac login-input-form, add-task-form wiec bez dlugich nazw sie nie obejdzie;p

---

w ogóle nie zrozumiałeś :)

.input-form - to ogólnikowa klasa, która powiedzmy resetuje Ci niektóre propercje css'a ( np. outline: 0; height: 30px; ).

Klasę źle nadałeś - ma być .input-form I JESZCZE KLASA .input-login :)