html - 两种CSS类声明的区别

Question

所以，我一直在使用我自己的名为 myclass 的 CSS 类和 Bootstrap 内置类 container。我的问题是在两个类中声明 a 时。

我应该使用

<div class="myclass container">some code</div>

这种格式，或者:

<div class="myclass">
    <div class="container">
      some code
    </div>
</div>

两者的工作方式相同吗？或者这两者不同？

Answer 1

它们是不同的，第一个是同一个元素有 2 个类，您可以使用以下规则选择元素:

• .container {}

• .myclass{}

• .myclass.container{} 或 .container.myclass{}

第二个例子你有一个父元素和一个子元素

您可以使用以下规则:

.myclass .container {}