Question

我想在特定div中的超链接中实现2种颜色变化。有可能吗？

CSS：

.postfull a:link, a:hover {
    color: #D80003;
    text-decoration:none;
}
.ext a:link, a:hover {
    color: #036C0C !important;
    text-decoration:none;
}

HTML：

<div class="postfull">
    <p>
        <a href="#" class="ext"> Marseille port</a> is one of the most important it adapted to the rough challenges presented by the changes of the different era to become of the most important assets in the <a href="#" >Mediterranean Basin</a>. 
    </p>     
</div>

Answer 1

是的，这是可能的。但在你的情况下，你有一点语法错误。在下面的代码中，您已应用.ext类的子元素。但在你的代码中，它不是一个孩子。这是兄弟元素。

.ext a:link, a:hover {
color: #036C0C !important;
text-decoration:none;
 }

请更新您的代码，如下所示。

.ext + a:link, .ext + a:hover {
color: #036C0C !important;
text-decoration:none;
 }

Little Demo

Answer 2

请用.ext a:link, a:hover代码替换.ext:link, .ext:hover：

.ext:link, .ext:hover {
   color: #036C0C !important;
   text-decoration:none;
}

如何在特定div中设置2种不同的超链接样式

2 个答案: