는 요소

Question

내가 요소의 스타일이 설정 한에 uninherited 속성을 설정할 수 없습니다 :

#gallery > div > a { 
    width: 100%; 
    display: block; 
    font-size: 0.85em; 
    color: rgb(0, 118, 209); 
    text-align: left; 
    font-weight: bold; 
    font-family: sans-serif; 
    text-decoration: initial; 
    position: absolute; 
    top: -14px; 

을 그리고 내가 밑줄 때 공중 선회와 hightlight 할 필요를, 그래서 내가 이런 짓을 :

div[class^="pic"] > img:hover > a { 
    text-decoration: underline; 
} 

하지만 작동하지 않습니다. 나는 중요한 것을 사용하려고 시도했으나 아무런 결과도 얻지 못했다. 당신의 선택은 선택기에

div[class^="pic"] > img:hover + a { 
    text-decoration: underline; 
} 

유용한 기사해야

<div id="gallery"> 
     <div class="pic1"> 
     <img src="./img/1.jpg"><a href="#"></a> 
      <p></p> 
     </img> 
     </div> 
</div 

(원래 제공)이 구조를 가정

<div id="gallery"> 
     <div class="pic1"> 
     <img src="./img/1.jpg"><a href="#">... 
     </img> 
     </div> 
     <div class="pic2"> 
     <a href="#">...</a> 
     <img src="./img/2.jpg"> 
     <p>...</p> 
     </div> 
     <div class="pic3"> 
     <a href="#">...</a> 
     <img src="./img/3.jpg"> 
     <p>...</p> 
     </div> 
     <div class="pic4"> 
     <a href="#">...</a> 
     <img src="./img/4.jpg"> 
     <p>...</p> 
     </div> 
    </div> 

Answer 1

:

죄송는 여기있다, 내 잘못이야 : http://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048