【问题标题】:How to input a class that have more than one class in CSS [duplicate]如何在CSS中输入一个具有多个类的类[重复]
【发布时间】:2021-04-12 22:38:30
【问题描述】:

我想将具有多个类的类放入我的 css 中,例如我的 html 中有此代码。

class="nav nav-pills justify-content-end"

我想将以上所有内容更改为消失,所以我必须输入“显示:无”。我已经在 css 中尝试过,但它似乎不起作用。

.nav nav-pills justify-content-end{
    display: none;
}

Ps:我用的是引导框架

【问题讨论】:

标签: html css bootstrap-5


【解决方案1】:
.nav.nav-pills.justify-content-end{
    display: none !important;
}

【讨论】:

    【解决方案2】:

    您可以通过不同的方式执行此操作。 你可以使用comma Operator(,),你可以像这样在所有类.nav.nav-pills.justify-content-end之间使用没有空格,你可以选择任何类并像这样制作display: none;

    .justify-content-end{
        display: none;
    }
    

    【讨论】:

      【解决方案3】:

      使用coma operator(,) 为不同的类添加相同的样式

      .nav,.nav-pills,.justify-content-end{
          display: none;
      }

      【讨论】:

        猜你喜欢
        • 2014-09-04
        • 2020-11-16
        • 1970-01-01
        • 2017-12-21
        • 2014-04-15
        • 2016-09-30
        • 2018-04-12
        • 1970-01-01
        • 2016-10-14
        相关资源
        最近更新 更多