Html 如何使用css更改链接颜色

Html 如何使用css更改链接颜色,html,css,colors,Html,Css,Colors,这是我的HTML .header\u菜单{ 列表样式:无; 列表样式类型:无; 保证金:0; 填充:0; 溢出:隐藏; 最大宽度:100%; 位置:固定; } .标题\菜单\选项{ 显示:内联块; 字体大小:30px; 字体系列:“世纪哥特式”,世纪古色古香,AppleGothic,无衬线; 填充:10px; 颜色:黑色; 颜色:继承; } .标题\菜单\选项a:链接{ 文字装饰:无; } 您需要在a标签中添加颜色,默认情况下a标签颜色为蓝色 .header\u菜单{ 列表样式:无

这是我的HTML

.header\u菜单{
列表样式:无;
列表样式类型:无;
保证金:0;
填充:0;
溢出:隐藏;
最大宽度:100%;
位置:固定;
}
.标题\菜单\选项{
显示:内联块;
字体大小:30px;
字体系列:“世纪哥特式”,世纪古色古香,AppleGothic,无衬线;
填充:10px;
颜色:黑色;
颜色:继承;
}
.标题\菜单\选项a:链接{
文字装饰:无;
}


  • 您需要在
    a
    标签中添加颜色,默认情况下a标签颜色为蓝色

    .header\u菜单{
    列表样式:无;
    列表样式类型:无;
    保证金:0;
    填充:0;
    溢出:隐藏;
    最大宽度:100%;
    位置:固定;
    }
    .标题\菜单\选项{
    显示:内联块;
    字体大小:30px;
    字体系列:“世纪哥特式”,世纪古色古香,AppleGothic,无衬线;
    填充:10px;
    颜色:黑色;
    颜色:继承;
    }
    .标题\菜单\选项a{
    颜色:红色
    }
    .标题\菜单\选项a:悬停{
    颜色:黑色;
    }
    .标题\菜单\选项a:链接{
    文字装饰:无;
    颜色:黑色;
    }
    
    

  • 你可以在课堂上使用这种颜色

    .header_menu__option a:link {
        text-decoration: none;
        color:blue;
    }
    
    试试这个:

    .header_menu__option a {
        text-decoration: none;
        color: green !important;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
    }
    .header_menu__option a:hover {
        color: red !important;
    }
    
    }


    我想你已经访问或点击了链接。尝试添加伪类。不要覆盖现有的css,将其添加为元素的新样式。

    其他一切都很好,只需将类css作为
    编写即可。标题菜单选项a{}
    无需编写
    链接

    .header\u菜单{
    列表样式:无;
    列表样式类型:无;
    保证金:0;
    填充:0;
    溢出:隐藏;
    最大宽度:100%;
    位置:固定;
    }
    .标题\菜单\选项{
    显示:内联块;
    字体大小:30px;
    字体系列:“世纪哥特式”,世纪古色古香,AppleGothic,无衬线;
    填充:10px;
    颜色:黑色;
    颜色:继承;
    }
    .标题\菜单\选项a{
    文字装饰:无;
    颜色:红色;
    }
    
    

  • 这与标签
    链表
    无关。远离的。
    .header_menu__option :visited {
    display: inline-block;
    font-size: 30px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    padding: 10px;
    color: black;
    color: inherit;