목록에서 여러 요소의 텍스트 색상을 : 호버로 변경하십시오.

그래서이 목록은 특정 ID 내에 포함되어 있습니다. 이 id (# icon-header)에 대한 링크 색상 만 조작하고 싶습니다. 그래서 여기에 문제가 있습니다 :목록에서 여러 요소의 텍스트 색상을 : 호버로 변경하십시오.

나는 전체 li 요소를 링크로 원하지만 배경색을 호버 변경으로하는 대신 모든 텍스트 요소를 # 2BA6CB 색상으로 지정합니다. 그리고 사용자가 어디를 클릭하든 관계없이 전체 li 요소가 링크가되고 싶습니다.

그래서 태그를 넣는 위치에 문제가 있는지 궁금 해서요. 그리고 그 제안에 대한 귀하의 제안이 모두 무엇 인지도 궁금합니다.

i 태그는 웹 글꼴입니다. 사용자가 li을 가리키면 동시에 h4와 p 태그로 변경해야합니다.

도움이 될 것입니다. 대신 li 요소를 스타일링의 li 요소의 크기 (폭 & 높이) -tag a을 줄 필요가

<div class="row hide-for-small" id="icon-header" align="center"> 

    <ul class="large-block-grid-6 small-block-grid-1 medium-block-grid-6"> 
     <li></li> 
     <li> 
      <a href="#"> 
      <i class="fi-male size-60"></i> 
      <h4>Ready</h4> 
      <p>Create a personal health and fitness profile.</p> 
      </a> 
     </li> 

     <li> 
      <a href="#"> 
      <i class="fi-checkbox size-60"></i> 
      <h4>Set</h4> 
      <p>Set goals and chart your progress.</p> 
      </a> 
     </li> 

     <li> 
      <a href="#"> 
      <i class="fi-upload-cloud size-60"></i> 
      <h4>Go</h4> 
      <p>Upload your exercise data from anywhere.</p> 
      </a> 
     </li> 


     <li> 
      <a href="#"> 
      <i class="fi-graph-bar size-60"></i> 
      <h4>Learn</h4> 
      <p>View real results and develop healthy patterns.</p> 
      </a> 
     </li> 
     <li></li> 
    </ul> 
</div>

출처

2014-01-17 user3206934