更改列表中多個元素的文本顏色：hover

所以，我有這個列表包含在一個特定的ID。我只想操作這個特定ID的鏈接顏色，即＃圖標標題。所以這裏是問題：更改列表中多個元素的文本顏色：hover

我希望整個li元素成爲鏈接，但不是懸停時背景顏色發生變化，而是希望所有文本元素都轉換爲顏色＃2BA6CB。無論用戶點擊什麼地方，我都希望整個li元素成爲鏈接。

所以，我想知道在我放置標籤的位置是否出現了問題，以及您的建議是針對所有CSS的。

i標籤是一個webfont。我需要在用戶將鼠標懸停在li上時同時更改h4和p標籤。

任何幫助將是驚人的。下面是HTML：

<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