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

我尝试过许多类似问题的其他解决方案，但都不奏效。 我有一个链接；

它位于

中。我使用的是外部CSS样式表

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

字体族正在工作，但颜色和文本装饰没有。我对a也有类似的问题：访问过。 我尝试过为这个链接创建一个特定的类，但是没有效果。我还尝试在我的样式表中使用'div a:link'，但也没有效果。 我不愿意使用

，因为有相当多的链接需要使用相同的样式

试试这个：

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>

.nav a{
颜色：黑色；
文字装饰：无；
字体系列：无衬线；
}

试试这个：

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>

.nav a{
颜色：黑色；
文字装饰：无；
字体系列：无衬线；
}

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

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

---

看起来你的页面中已经有了其他css，而且它正在被继承。试试这个

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

---

您是否检查过元素以查看所有样式来自何处？我们可以在某处看到它吗？为什么要使用

：link

psuedo选择器？请记住，这只会选择尚未访问的标记。如果您访问了它链接到的任何页面，样式将不再显示。您是否检查了元素以查看所有样式来自何处？我们是否可以在某处看到它？为什么要使用

：link

psuedo选择器？请记住，这只会选择尚未访问的标记。如果您访问了它链接到的任何页面，则该样式将不再显示appear@AmberL0uise这个解决方案应该有效。我注意到，使用外部样式表时，有时浏览器需要清除缓存的图像和文件，然后才能读取新修改的样式表。请尝试此方法，然后重新加载页面。@Amber0ui此解决方案应能正常工作。我注意到，使用外部样式表时，有时浏览器需要清除缓存的图像和文件，然后才能读取新修改的样式表。尝试此操作，然后重新加载页面。