이미지 롤오버 목록이 작동하지 않습니다.

Question

내 소셜 아이콘에 대해 3 개의 이미지 롤오버가 있습니다.

이

<ul class="social"> 
    <li><a class="html5" href="#html5"></a></li> 
    <li><a class="twitter" href="#twitter"></a></li> 
    <li><a class="facebook" href="#facebook"></a></li> 
</ul> 

CSS의 :

ul.social { 
    list-style-type:none; 
    margin:0; 
    padding:0; 
} 

li.social { 
    display:inline; 
} 

넘어가는 잘 작동, 그것은 인라인 탐색 (ul="social"가) 실패와 세로 방향으로 만 표시되어 단지의 다음은 HTML입니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

Answer 1

li.social을 사용하고 있지만 .social li이 필요합니다. display: inline을 display: inline-block으로 변경하려고합니다.