Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 更改引导中文本的颜色_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 更改引导中文本的颜色

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

如果有必要的话,我会使用bootstrap4,但我会尝试更改锚标签中文本的颜色。我正在使用一个外部CSS文件,似乎无法让它工作。这可能是一个愚蠢的问题,但嘿,我对前端是新手!教我巫师

#主页导航{
背景色:#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;}
请告诉我我在我的答案中的解释级别(在下面找到)是否有帮助,或者对你来说太多/太少。谢谢你的解释,朋友!