html - 如何在不使用 ID 首选项的情况下更改链接的颜色?

标签 html css

我面临的问题是,如果不使用 ID 首选项,我无法更改未访问链接的颜色。我是否缺少一些核心知识?有什么区别;

a:link {
    background-color: red;
    color: aliceblue;
    text-decoration: none;
}

#change {
    color: aliceblue;
}

第一个代码部分改变了背景颜色,但字体颜色保持不变。要更改字体的颜色,我需要使用第二个代码部分,即 ID 为 'change' 的部分。

示例代码如下:https://codepen.io/can-zgen/pen/GbVyLv

(我说的部分在页面底部)

最佳答案

我相信您需要的 CSS 选择器是 a:link( reference ) 来设置未访问链接的样式和 a:visited( reference ) 来设置已访问链接的样式.

附带说明一下,我认为您的代码可以正常工作,但您之前已经“访问过”链接 所以,a:link 不适用于您; a:visited 被应用。尝试使用 Chrome 中的隐身模式(或您选择的浏览器中的等效模式)为此进行开发工作

关于html - 如何在不使用 ID 首选项的情况下更改链接的颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57060620/

相关文章:

html - css 选择器需要更改下拉列表中文本的颜色

css - float : right in IE7 dropping to a new line

html - *多个* 打印特定的 Div

javascript - 如何用两个过滤器制作一个过滤器?

javascript - 如何延迟播放HTML5音频,而忽略加载音频文件的延迟?

javascript - 使用框输入重定向页面

CSS 网格布局间隙框大小调整

html - 带有 flexbox 和静态宽度的 CSS 侧边栏

html - W3 验证错误, anchor 标记中的嵌套标记

javascript - 如何在 Bootstrap Accordion 切换中使用链接