为什么我不能在这个班级中定位链接?

时间:2011-10-09 17:16:24

标签: css css-selectors

我有这堂课:

.search-modal-navigation-link {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFF;
    height: 32px;
    font-size: 12px;
    text-align: center;
    float: left;
    margin-right: 22px;
}

我尝试定位此课程中的所有链接,所以我这样做了:

a.search-modal-navigation-link:link {
    text-decoration: underline; 
    color: red;
}

我一无所获,为什么会这样?谢谢:))!

编辑:我的Html

 <div class="search-modal-navigation-tab">
    <div class="search-modal-navigation-link"><a href="#">
    <img src="img/icons/01-passive.png" width="20" height="21" border="0" /><BR />
    All Events</a></div>
    <div class="search-modal-navigation-link">
    <img src="img/icons/01-passive.png" width="20" height="21" /><BR />
    All Events</div>

  </div>

2 个答案:

答案 0 :(得分:5)

您的选择器没有在该类的元素中查找链接,它正在寻找该类的链接。您需要将其更改为:

.search-modal-navigation-link a:link {
    text-decoration: underline; 
    color: red;
}

答案 1 :(得分:0)

怎么样

.search-modal-navigation-link a {
    text-decoration: underline; 
    color: red;
}