Html 更改引导中文本的颜色
如果有必要的话,我会使用bootstrap4,但我会尝试更改锚标签中文本的颜色。我正在使用一个外部CSS文件,似乎无法让它工作。这可能是一个愚蠢的问题,但嘿,我对前端是新手!教我巫师Html 更改引导中文本的颜色,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,如果有必要的话,我会使用bootstrap4,但我会尝试更改锚标签中文本的颜色。我正在使用一个外部CSS文件,似乎无法让它工作。这可能是一个愚蠢的问题,但嘿,我对前端是新手!教我巫师 #主页导航{ 背景色:#5680E9; } .home_text{ 颜色:#ffffff; } 您必须将样式添加到“a”中 .home_text a{ color:#ffffff; } 您可以尝试以下方法: .home_text a { color: blue; } .home_text a
#主页导航{
背景色:#5680E9;
}
.home_text{
颜色:#ffffff;
}
您必须将样式添加到“a”中
.home_text a{
color:#ffffff;
}
您可以尝试以下方法:
.home_text a {
color: blue;
}
.home_text a {
color: blue;
text-decoration: none;
}
如果不需要下划线,请尝试以下操作:
.home_text a {
color: blue;
}
.home_text a {
color: blue;
text-decoration: none;
}
使用css的完整选择器。。例如,主页文本>a
如果仍然不工作,颜色必须设置在其他地方。因此,检查其他css或编写!对颜色很重要 欢迎使用StackOverflow,也欢迎使用编码前端 我会尽力解释的
.home_text {
color: #ffffff;
}
告诉浏览器将白色文本颜色应用于具有CSS类主文本的元素
color
也是一个所谓的继承属性
,这意味着子元素也将具有color:#ffffffff代码>(简称:颜色:#fff;
)除非更具体的规则另有规定
在您的情况下,浏览器具有许多元素的默认样式,包括
。这称为用户代理样式表,其规则适用,除非被您的css覆盖
要覆盖规则,您的规则至少需要与用户代理样式表规则一样具体
例如Chrome中锚定的用户代理样式表如下所示:
a:-webkit-any-link {
color: -webkit-link;
cursor: pointer;
text-decoration: underline;
}
这是使用webkit(chrome背后的引擎过去被称为“webkit”,因此命名)特定的语法,你不应该让它把你甩了。重要的一点是,它为color
保留了一条规则,您希望将其替换为您的color#fff
除此之外,浏览器对已经访问过的链接也有不同的默认颜色。您也需要为链接定义此选项(例如,对于已经访问过的页面,请使用#eee
),或者只需添加第二个选择器(与第一个选择器之间用逗号分隔),告诉浏览器不仅要将颜色应用于a
元素,还要将a
元素应用于已访问的状态。这是通过将:已访问的添加到a
来完成的
总而言之,如果您希望页面上的所有链接都是白色的,您可以这样做:
a, a:visited {
color: #fff;
}
如果只希望具有class=“home\u text”
的元素内部的a
为白色:
.home_text a, .home_text a:visited {
color: #fff;
}
如果你还有任何问题,或者有什么不清楚的地方,请在评论中提问
祝你旅途愉快 小建议
使用ID的完整路径
#home_nav .home_text a
或
有时,当元素不想更改时,你可以省去你的神经。.home\u text a、.home\u text a:visitored{color:#fff;}
请告诉我我在我的答案中的解释级别(在下面找到)是否有帮助,或者对你来说太多/太少。谢谢你的解释,朋友!