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

【问题标题】：color and text-decoration not working in external CSS sheet.颜色和文本装饰在外部 CSS 表中不起作用。
【发布时间】：2017-09-28 23:15:54
【问题描述】：

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

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

font-family 可以正常工作，但颜色和文本装饰却不行。我对 a:visited 也有类似的问题。我已经尝试为此链接创建一个特定的类，但这没有任何效果。我也尝试在我的样式表中使用 'div a:link'，这也没有任何效果。我不愿意使用<a href="home.html" style="the style I want">，因为有很多链接需要使用相同的样式。

【问题讨论】：

您是否检查过元素以了解所有样式的来源？
我们可以在某个地方看到它吗？
您为什么使用:link 伪选择器？请记住，这只会选择尚未访问的标记。如果您访问过它链接到的任何页面，则该样式将不再出现

标签： html css

【解决方案1】：

您的页面中似乎已经存在其他一些 CSS，并且正在被继承。试试这个，

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

【讨论】：

【解决方案2】：

试试这个：

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>

【讨论】：

@AmberL0uise 这个解决方案应该可以工作。我注意到使用外部样式表的一件事是，有时浏览器需要清除缓存的图像和文件，然后才能从新修改的样式表中读取。试试这个，然后重新加载你的页面。