html - 颜色和文本装饰在外部 CSS 表中不起作用。

Question

我已经尝试过类似问题的许多其他解决方案，但都没有奏效。 我有一个链接； <a href="home.html"> Home </a> 在 <div> 内.我正在使用外部 CSS 样式表。

    a:link {
    color: black; 
    text-decoration: none;
    font-family: sans-serif;
}

font-family 有效，但 color 和 text-decoration 无效。我对 a:visited 也有类似的问题。 我曾尝试为此链接创建一个特定的类，但这没有任何效果。我也试过在我的样式表中使用“div a:link”，但也没有效果。 我舍不得用<a href="home.html" style="the style I want">因为有很多链接需要使用相同的样式。

Answer 1

试试这个:

div a {
    color: black; 
    text-decoration: none;
    font-family: sans-serif;
}

或者...给 div 一个类名，例如:

.nav a {
        color: black; 
        text-decoration: none;
        font-family: sans-serif;
    }

<div class="nav">
<a href="home.html"> Home </a>
</div>