Question

所以，我一直在使用我自己的CSS类myclass和Bootstrap内置类container。我的问题是在同时宣布两个班级。

我应该使用

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

这种格式，或者：

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

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

Answer 1

它们是不同的，首先你有两个相同元素的类，你可以使用以下规则选择元素：

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

第二个例子是你有一个父母和一个孩子elemtns

您可以使用以下规则：

.myclass .container {}

Answer 2

两者完全不同。

<!-- Here you're declaring ONE div element with two values on class atribute -->
<div class="myclass container">some code</div> this format
<!-- Here you're declaring TWO elements with a different class each one -->
<div class="myclass">
       <div class="container">

    </div>
</div>

为什么会这么不同？ HTML标记/元素具有默认值，默认值以及您另外添加的属性和值。

例如：如果你设置全局：

div{padding:5px;}

在第一个例子中，div内的内容将填充5px。

在第二个例子中，容器内的内容将填充10px。

这可能发生在浏览器呈现的默认属性或框架作为bootstrap全局应用的情况下。

两种类型的CSS类声明之间的区别

2 个答案: