更改列表中多个元素的文本颜色：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