Css 导航栏如何更改文本颜色？

我一直在阅读有关CSS特性的文章，并尝试了几种选择，包括

    .navbar-default .navbar-brand {
    color: #ff0000;
}

在bootstrap.css文件中，但没有运气。我错过了什么

---

.navbar default。navbar brand

表示样式仅在放置在

下时才会应用于
.navbar brand
。在你的情况下没有这样的父母

您可以将其更改为
.navbar.navbar brand
或将
.navbar default
添加到上面的
nav
标记
如果您使用的是类似于bootstrap的框架，则很难覆盖默认样式。在这种情况下，您有两种选择-

使用身份证-

给你想要设置任何id样式的元素。它具有最高的特殊性

#mynav{
    color: #ff0000;
}

使用
！重要信息
-

虽然不是很推荐，但是使用
！重要信息
在您的情况下，甚至覆盖id-

.navbar-default .navbar-brand {
    color: #ff0000 !important;
}

正如@Yegor Androsov所提到的，没有
.navbar默认值
。因此，您尝试应用的文本颜色无法正常工作：

.navbar默认值.navbar品牌{
颜色：#ff0000；
}

考虑：


.navbar.navbar品牌{
颜色：#ff0000；
}

这将适用于屏幕截图中的代码。但是，如果您更改并包含
.navbar default
，请记住适当调整您的特定性。
我没有看到任何具有
navbar default
类的元素，因此我认为这就是规则不起作用的原因

这应该更好：

.navbar .navbar-brand {
    color: #ff0000;
}

它应用于匹配
的所有元素中的
导航栏品牌
选择器（即具有
类
属性且包含
导航栏品牌
）匹配
的所有元素。导航栏
选择器（具有
类
包含
导航栏
的元素）

您可以使用
document.queryselectoral（）
方法在浏览器控制台中快速测试它：

document.querySelectorAll('.navbar-default');
document.querySelectorAll('.navbar');
document.querySelectorAll('.navbar .navbar-brand');


每个命令将返回一个与CSS选择器匹配的元素数组，当您将鼠标放在这些元素上时，您可以展开这些元素并在页面上突出显示这些元素