CSS background-color

Question

jak robie aby po najechaniu na diva zmienil kolor to w classie nie dziala a przy id juz tak

robie cos w stylu

.nazwa{

background-color: #ffffff;

} <-- Nie dziala

#nazwa{

background-color: #ffffff;

} <-- Dziala

Comments

Prawdopodobnie w kodzie HTML posiadasz tylko atrybut [id].

Answer 1

Klas  może być więcej to nie konkretny element jak id bo może wystąpić tylko raz

Answer 2

Nie do końca rozumiem problem, łatwiej by było gdybyś pokazał Twój cały kawałek kodu, który nie działa, ale poniżej w codepenie masz działający przykład Twojego problemu, może coś wydedukujesz w Twoim projekcie ;)

https://codepen.io/Czeran/pen/ZXVdgB

Pozdrawiam

Answer 3

Domyślam się że nie działa, przez Specyfity, zobacz ten film : koduje-specifity

Answer 4

Zdecydowanie chodzi tu o specyficzność selektorów. Mówiąc prostymi słowami id ma większą "moc" od klas, zatem nadpisują wartości nadane przez klasy. Z tego właśnie powodu należy unikać stylowania po id. Tu masz cały materiał, który całkiem nieźle przedstawia zagadnienie specyficzności.

Answer 5

Jeżeli w kodzie HTML ustaliłeś ID:

<div id = "nazwa"> </div>

To możesz go stylizować jak na diva z nadanym id przystało (z hashtagiem):

#nazwa{
background-color: #ffffff;
}

Natomiast jeżeli nadałeś divowi klasę:

<div class = "nazwa"> </div>

Stylizujesz go dzięki klasie (z kropką):

.nazwa{
  background-color: #ffffff;
}