Html 使用引导更改CSS中的文本颜色（导航）

当我遇到一个小问题时，我正在使用bootstrap创建一个带有bootstrap的网站。我试图更改导航栏中文本的颜色（药丸）：

HTML:

（这段代码解决了我的问题，但我有以下几个问题。）

---

我想知道为什么在CSS中我必须引用.nav类（为什么不只是.nav），为什么我必须引用a（链接标记）才能更改文本的颜色。（当我尝试将a（链接标记）更改为li（列表标记）时，文本的颜色没有更改。）

当您查看bootstrap.css（在执行之前设置这些值的文件）时，您将看到颜色设置为.nav pills>li>a

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #3276b1
}

因此，如果将颜色设置为.nav，则会被.nav类的样式声明覆盖

如果您将代码更改为

.nav {
    color: white !important;
}

---

您可以覆盖更精确的选择器，但应避免使用

！重要信息

，请尽可能多地使用，因为这会使代码更难维护

当您查看bootstrap.css（在此之前设置这些值的文件）时，您将看到颜色设置为.nav pills>li>a

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #3276b1
}

因此，如果将颜色设置为.nav，则会被.nav类的样式声明覆盖

如果您将代码更改为

.nav {
    color: white !important;
}

---

您可以覆盖更精确的选择器，但应避免使用

！重要信息

，请尽可能多地使用，因为这会使代码更难维护

当您查看bootstrap.css（在此之前设置这些值的文件）时，您将看到颜色设置为.nav pills>li>a

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #3276b1
}

因此，如果将颜色设置为.nav，则会被.nav类的样式声明覆盖

如果您将代码更改为

.nav {
    color: white !important;
}

---

您可以覆盖更精确的选择器，但应避免使用

！重要信息

，请尽可能多地使用，因为这会使代码更难维护

当您查看bootstrap.css（在此之前设置这些值的文件）时，您将看到颜色设置为.nav pills>li>a

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #3276b1
}

因此，如果将颜色设置为.nav，则会被.nav类的样式声明覆盖

如果您将代码更改为

.nav {
    color: white !important;
}

---

您可以覆盖更精确的选择器，但应避免使用

！重要信息

，请尽可能多地使用，因为这会使代码更难维护

原因是因为进位顺序——对于完全理解的阅读

至于您询问的特定风格，如果您查看引导式回购，您将看到以下两条规则：

---

第一个用于.nav段中的锚，第二个用于.nav段中的锚。因此，第二个优先于第一个，为了让您的样式优先于第一个，它必须至少与第二个一样具体或更具体。

原因在于优先顺序——对于完全理解的阅读

至于您询问的特定风格，如果您查看引导式回购，您将看到以下两条规则：

---

第一个用于.nav段中的锚，第二个用于.nav段中的锚。因此，第二个优先于第一个，为了让您的样式优先于第一个，它必须至少与第二个一样具体或更具体。

原因在于优先顺序——对于完全理解的阅读

至于您询问的特定风格，如果您查看引导式回购，您将看到以下两条规则：

---

第一个用于.nav段中的锚，第二个用于.nav段中的锚。因此，第二个优先于第一个，为了让您的样式优先于第一个，它必须至少与第二个一样具体或更具体。

原因在于优先顺序——对于完全理解的阅读

至于您询问的特定风格，如果您查看引导式回购，您将看到以下两条规则：

第一个用于.nav段中的锚，第二个用于.nav段中的锚。因此，第二个类将覆盖第一个类，为了使样式覆盖它，它必须至少与第二个类一样具体或更具体。

您必须引用“.nav”类，因为这是您尝试设置样式的部分。如果您只输入.nav而不添加-a，那么代码就没有意义，因此不会发生任何事情。

您必须引用“.nav”类，因为这是您试图设置样式的部分。如果您只输入.nav而不添加-a，那么代码就没有意义，因此不会发生任何事情。

您必须引用“.nav”类，因为这是您试图设置样式的部分。如果您只输入.nav而不添加-a，那么代码就没有意义，因此不会发生任何事情。

您必须引用“.nav”类，因为这是您试图设置样式的部分。如果您只放置.nav而不添加-a，那么代码就没有意义，因此不会发生任何事情

我想知道为什么在CSS中我必须引用.nav类（为什么不只是.nav），为什么我必须引用a（链接标记）才能更改文本的颜色。（当我尝试将a（链接标记）更改为li（列表标记）时，文本的颜色没有更改。）

您将在bootstrap中重写类nav，最好使您拥有自己的类，以便在特定的类属性中拥有自己的控件。链接标记（a）具有css颜色属性，不能仅使用列表标记覆盖该属性，因为文本位于链接标记（a）内部

我想知道为什么在CSS中我必须引用.nav类（为什么不只是.nav），为什么我必须引用a（链接标记）才能更改文本的颜色。（Whe