Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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,我似乎无法更改导航栏中的字体颜色,导航栏css中的其他元素正常工作,但由于某些原因,字体颜色无法更改。我试图改变这个类,但是css中的其他元素无法工作。虽然这是我第一次使用bootstrap,但我似乎找不到问题 CSS HTML 您为颜色属性指定了错误的值。它应该是3或6位数字,如color:#000或color:#000000 CSS 您还可以在想要更改的导航栏中使用内联css。试试这样的 <nav class="navbar navbar-default" style="b

我似乎无法更改导航栏中的字体颜色,导航栏css中的其他元素正常工作,但由于某些原因,字体颜色无法更改。我试图改变这个类,但是css中的其他元素无法工作。虽然这是我第一次使用bootstrap,但我似乎找不到问题

CSS

HTML



您为颜色属性指定了错误的值。它应该是3或6位数字,如
color:#000
color:#000000

CSS


您还可以在想要更改的导航栏中使用内联css。试试这样的

<nav class="navbar navbar-default" style="background-color:white;border:none;color:#000;">

代码

尝试以下方法:

 .navbar {
  background-color: white !important;
  border: none;
}

.navbar-brand {
  font-size: 50px;
}

.navbar *{
  color: #000 !important; // should set font color for element contain text
}
.navbar{
背景色:白色;
边界:无;
颜色:#000;
}
.navbar.navbar nav li>a{
颜色:橙色!重要;
}
.navbar.navbar品牌{
字体大小:50px;
颜色:蓝色!重要;
}


颜色:#0000==>
颜色:#000我同意@AlonEitan你也可以使用
颜色:#000重要强制效果。我明白你的意思,但对我来说仍然不起作用,重要的是!,还是不行。我试着只输入红色,但仍然没有改变字体颜色。我明白了,但尝试了所有这些,但仍然没有帮助,甚至使用了刚刚使用过的单词也不起作用。@user3444694您的意思是更改导航栏ul li a的颜色?或者导航栏中的所有链接?你可以使用这个.navbar ul li a{color:#f00;}或.navbar ul li>a{color:#f00;}每次你想改变一些样式时都这样做不是上帝的惯例。最终HTML将成为一大堆混乱的标记和样式的混合体。我同意。但有时,当懒惰袭来时,你不得不这样做。谢谢。这对我有用。所以你必须使用独立类来更改导航栏中的字体?
.navbar  {
background-color: white;
border: none;
/*color: #0000;*/ color: #000;

}
.navbar ul li > a{
 color: #f00;
 }
<nav class="navbar navbar-default" style="background-color:white;border:none;color:#000;">
.navbar  {
background-color: white;
border: none;
color: black;
}

.navbar-brand {
font-size: 50px;
}
.navbar a{
color:red;
}
.navbar li a{
color:red;
}
 .navbar {
  background-color: white !important;
  border: none;
}

.navbar-brand {
  font-size: 50px;
}

.navbar *{
  color: #000 !important; // should set font color for element contain text
}