css - 为什么我不能添加(字体)颜色来链接添加它一个类？

Question

我的CSS:

.menu_2_1 ul {
    float:left;
    list-style-type:none;
}
.menu_2_1 ul li {
    float:left;
    display:inline-block;
    width:auto;
    height:55px;
    margin-left:20px;
    padding-top:25px;
}
.menu_2_1 ul li a:link, 
.menu_2_1 ul li a:visited, 
.menu_2_1 ul li a:hover, 
.menu_2_1 ul li a:active {
    text-decoration:none;
    font-size:1.70em;
    color:grey;
    padding:25px;
}
.activeLink {
    background:lightblue;
    color:red;
    font-size:1.80em;
}

我的 html:

<div class="colm menu_2_1">
    <ul>
        <li class="activeLink"><a href="#1">Link1</a>
        </li>
        <li><a href="#2">Link2</a>
        </li>
        <li><a href="#3">Link3</a>
        </li>
    </ul>
</div>
<!--colm menu_2_1-->

我只是想将“activeLink”类添加到链接中(以便稍后使用 jQ 添加和删除该类)。但是，该条件不会更改字体颜色，但它确实会更改文本装饰或字体大小..

这是为什么呢？ CSS 特异性？

非常感谢!

Answer 1

你已经给出了答案....特异性

.menu_2_1 ul li a:link 比 .activeClass

更具体

解决方案是使用 .menu_2_1 ul li.activeLink a。

检查 demo .