말썽 : 불쌍한 내 영어에 대한 모든 유감의

Question

먼저 가져 :

잘 나는이 CSS

span.favoritos {position:absolute;left:550px;visibility:hidden;} 
span.favtitle {position:absolute;top:-20px;left:450px;visibility:hidden;background: rgba(81,81,81, .9);color:#f2f2f2;padding:2px 4px 2px 4px;width:115px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} 
.favoritos a {display:block; 
width:24px; 
height:24px; 
text-indent:-9999px; 
background:url(img/sprite2.png) -21px -324px no-repeat; 
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} 
.favoritos a:hover { 
background:url(img/sprite2.png) -21px -283px no-repeat;} 
.favsave a {display:block; 
width:24px; 
height:24px; 
text-indent:-9999px; 
background:url(img/sprites.png) -121px -108px no-repeat; 
border:1px #ececec solid; 
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} 
.content:hover span.favoritos {visibility:visible;} 
.content:hover span.favdel {visibility:visible;} 
.favoritos:hover span.favtitle {visibility:visible;} 

그리고이 HTML이

<div class="content"> 
     <span class="favtitle">Añadir a favoritos</span> 
         <span class="favoritos"><a title="Guardar en favoritos" href="#oferta-guardada">favoritos</a></span> 
    </div> 

하지만 <span class="favoritos"></span>에 마우스를 올려 놓으면 경우가 작동하지 않으면 표시되지 않습니다. <span class="favtitle">

이유가 없습니다.

누구든지 나를 도와 줄 수 있습니까?

Answer 1

span.favtitle은 최종 선택자에서 주소 지정을 시도 할 때 .favoritos:hover의 자손이 아닙니다.