时间戳

首页 > 解决方案 > 设置具有多个名称的类的属性

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

问题描述

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

有些类内部有多个名称，例如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++与使用其他语言或其他语言编码不同，所有这些名称看起来都一团糟。

标签： htmlcss

解决方案

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

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

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

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

    .navbar-default{ 颜色：白色；}
    .navbar{ 颜色：红色；}

上面的 CSS 确实将文本的样式设置color为红色而不是白色，即使navbar该类位于首先列出的 HTML 标记中。最新/最后定义的 CSS 很重要。还有更多规则根据 CSS 选择器定义样式的优先级。我建议你花一些时间阅读这里，因为你需要建立一些关于 CSS 工作原理的基本知识。

推荐阅读