• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

CSS background-color

Ultraszybki serwer VPS NVMe START
0 głosów
141 wizyt
pytanie zadane 18 października w HTML i CSS przez milioneq Nowicjusz (200 p.)
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
komentarz 18 października przez Shaoi Mądrala (6,860 p.)
Prawdopodobnie w kodzie HTML posiadasz tylko atrybut [id].

5 odpowiedzi

0 głosów
odpowiedź 18 października przez Igor Gawrys Użytkownik (820 p.)
Klas  może być więcej to nie konkretny element jak id bo może wystąpić tylko raz
0 głosów
odpowiedź 18 października przez cz3ran Gaduła (3,760 p.)
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
0 głosów
odpowiedź 18 października przez xKaktus Początkujący (340 p.)

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

0 głosów
odpowiedź 18 października przez ProgramistaStepek Stary wyjadacz (14,610 p.)

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.

0 głosów
odpowiedź 18 października przez Beniamin Spyra Obywatel (1,620 p.)

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;
}

 

Podobne pytania

0 głosów
2 odpowiedzi 72 wizyt
pytanie zadane 17 lipca w HTML i CSS przez Activeek Początkujący (300 p.)

41,548 zapytań

80,592 odpowiedzi

159,504 komentarzy

19,827 pasjonatów

Przeglądających: 138
Pasjonatów: 6 Gości: 132

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...