Question

我想要设置＆＃34;活跃＆＃34;链接.login但它不起作用。问题在哪里？

＆＃13;

.active {
  color: rgb(0, 148, 199);
}

＆＃13;

<div id="nav">
  <span id="logo"></span>
  <span id="navTop">
        <ul>
            <li><a href="#">.welcome</a></li>
            <li><a href="#">.register</a></li>
            <li><a class="active" href="#">.login</a></li>
            <li><a href="#">.contact</a></li>
        </ul>
    </span>
  <span id="navBottom">
        <ul>
            <li><a href="#">.overview</a></li>
            <li><a href="#">.feature</a></li>
            <li><a href="#">.videos</a></li>
        </ul>
	</span>
</div>

＆＃13;

Answer 1

此代码似乎工作正常。我建议你有一些其他的css规则覆盖这个。

您可以通过在css规则中添加！important来测试它，看看它是否解决了问题。然后你需要追踪覆盖它的样式。

e.g。

.active {
    color: rgb(0, 148, 199)!important;
}

.active {
    color: rgb(0, 148, 199);
}

<div id="nav">
<span id="logo"></span>
<span id="navTop">
    <ul>
        <li><a href="#">.welcome</a></li>
        <li><a href="#">.register</a></li>
        <li><a class="active" href="#">.login</a></li>
        <li><a href="#">.contact</a></li>
    </ul>
</span>
<span id="navBottom">
    <ul>
        <li><a href="#">.overview</a></li>
        <li><a href="#">.feature</a></li>
        <li><a href="#">.videos</a></li>
    </ul>
</span>
</div>

无法设置＆＃34;活跃＆＃34;与css链接

1 个答案: