html - 设置具有多个名称的类的属性

Question

这是基本的，可能是错误的。

有些类内部有多个名称，例如在 Bootstrap 中:

 <nav class='navbar navbar-default navbar-expand-lg sticky-top'>

我正在尝试理解这个主题:

1. 使用类的名称可以让您使用该名称在 CSS 中设置属性，如果是这样，为什么某些类会获得多个名称 - 就像上面的这个名称？

   <

2. 如果一个类有多个名称，如何通过哪个名称设置其 CSS 属性？

3. 如果你有一个类，还有一个内部类，并且你首先将属性设置为顶部(这会影响内部)，然后你深入并为内部设置不同的属性，它会覆盖外部吗？

例如:

<div class="=collapse navbar-collapse navbarSupportedContent">
          <ul class="navbar-nav ml-auto">
               <li class="nav-item">

如何编辑 nav-item 类文本颜色？如何在 CSS 中深入研究它？

所以这行不通:

 .nav-item{
    text-align: right;
     color: aqua

}

与使用 C++ 或其他语言进行编码不同，所有这些名称看起来都是一团乱。

Answer 1

通常，不同的类会为其定义的标签处理不同的样式。

1. 从我的第一句话就可以看出原因。它们用于在所应用的对象上指定不同的样式，并用于分隔样式以便在对象的不同表现形式上重用

2. 这取决于您想要实现什么以及您想要修改什么。查看浏览器的开发人员工具。在那里您可以检查每个类的作用以及它们在当前标签上应用的样式。如果你想修改某些东西，你必须找出哪个类做了什么。在你的情况下，我们正在谈论 Bootstrap您可以在他们的主页上找到不同类的用途和用途。

3. 如果您有多个类，并且其中一个类确实覆盖了另一个类，则有特定的规则。这并不取决于 class= 属性中的类顺序，而是由 CSS 样式中选择器的顺序控制，例如

    .navbar-default{ color: white; }
    .navbar{ color: red; }

即使 navbar 类位于首先列出的 HTML 标记中，上面的 CSS 也会将文本的 color 样式设置为红色而不是白色。最新/最后定义的 CSS 很重要。还有更多基于 CSS 选择器定义样式优先级的规则。我建议您花一些时间阅读here因为您需要积累一些有关 CSS 如何工作的基本知识。