Çözüldü CSS color hover çalışmıyor

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.

Yeniçocuk

Kilopat
Katılım
30 Kasım 2018
Mesajlar
5.549
Makaleler
2
Çözümler
13
Merhabalar div'in üstüne geldiği zaman verilerin rengini değiştirmek istiyorum ama çalışmıyor. Nasıl sorunu çözebilirim?
HTML:
<div class="stickTop" style="width:270px;  height:30px; float:left; margin:15px 20px;">
   <i class="fa fa-hand-pointer-o" style="margin-left:50px; box-sizing:border-box; color:#005A7D;" aria-hidden="true"></i>
   <li style="width:50%;  font-family: 'Source Sans Pro', sans-serif;  float:right; margin-right:60px;  font-size: 22px;"><a href="randevu.php" class="hoverfor" style="font-size:22px;">Randevu Al</a></li>
   </div>

<style>
    .stickTop:hover
{
    background-color: #da291c;
    color: white !important;
    transition: .5s ease-in-out;
}



.stickTop  a
{
color:#005A7D;
}


.stickTop
{
    transition: background-color 0.8s ease-out;
    color:#005A7D;

}
</style>
 
Çözüm
stickTop: Hover .StickTop i
{
color: White;
}

stickTop: Hover .StickTop li
{
color: White;
}

Bu şekilde dener misiniz?
Renk kodu değiştirdim. Sadece icon rengi değişiyor link rengi değişmiyor. Ana Div'in üzerine gelindiğinde hem icon hem de Link'in rengi değişsin istiyorum bu mümkün mü?
 

Geri
Yukarı