CSS hover ayarlama.

.class-ismi:hover{
background-color:white;
color:black!important;
}

<button style="background-color: black; color: white;" onmouseover="this.style.backgroundColor='yellow'; this.style.color='navy';" onmouseout="this.style.backgroundColor='black'; this.style.color='white';">Button 1</button>
<button style="background-color: black; color: white;" onmouseover="this.style.backgroundColor='yellow'; this.style.color='navy';" onmouseout="this.style.backgroundColor='black'; this.style.color='white';">Button 2</button>
<button style="background-color: black; color: white;" onmouseover="this.style.backgroundColor='yellow'; this.style.color='navy';" onmouseout="this.style.backgroundColor='black'; this.style.color='white';">Button 3</button>
<button style="background-color: black; color: white;" onmouseover="this.style.backgroundColor='yellow'; this.style.color='navy';" onmouseout="this.style.backgroundColor='black'; this.style.color='white';">Button 4</button>
<button style="background-color: black; color: white;" onmouseover="this.style.backgroundColor='yellow'; this.style.color='navy';" onmouseout="this.style.backgroundColor='black'; this.style.color='white';">Button 5</button>

.renk-degis {
  background-color: black;
  color: white;
}

.renk-degis:hover {
  background-color: blue;
  color: yellow;
}

Misafir adlı üyeden alıntı: mesajı görüntüle

Selamlar, CSS ile mouse üzerine gelince renk değiştirmesini istiyorum.

mouse üzerine gelince

böyle olsun istiyorum fakat :hover verince içerisinde ki div beyaz renkte olsa da yazı renk değiştirmiyor ya da inline olduğu için yazıya geldiğinde renk değiştiriyor sadece falan. çözümü nedir sizce ? youtube da nası aratsam bilemedim.

kodlar: HTML

CSS:

.Deneme1:hover {
  background-color: #FCFCFC;
}
.Deneme1:hover .deneme2 {
  color: #454B48;
}