为什么我不能在这个课程中定位链接?

puf*_*muf 1 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;
}
Run Code Online (Sandbox Code Playgroud)

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

a.search-modal-navigation-link:link {
    text-decoration: underline; 
    color: red;
}
Run Code Online (Sandbox Code Playgroud)

我什么都没得到,为什么会这样?谢谢 :))!

编辑:我的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>
Run Code Online (Sandbox Code Playgroud)

Bol*_*ock 5

您的选择器不会在具有该类的元素中查找链接,它正在查找该类的链接.您需要将其更改为:

.search-modal-navigation-link a:link {
    text-decoration: underline; 
    color: red;
}
Run Code Online (Sandbox Code Playgroud)