Çö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.
Katılım
30 Kasım 2018
Mesajlar
5.701
Makaleler
2
Çözümler
14
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?
Uyarı! Bu konu 5 yıl önce açıldı.
Muhtemelen daha fazla tartışma gerekli değildir ki bu durumda yeni bir konu başlatmayı öneririz. Eğer yine de cevabınızın gerekli olduğunu düşünüyorsanız buna rağmen cevap verebilirsiniz.

Technopat Haberler

Geri
Yukarı