嵌套 <div> 的样式 css 总是可交换的吗？

Question

我想了解您使用 div 标签定义 css 样式的顺序是否重要。

是：

<div class="some styling 1">
  <div class="some styling 2">
  Some content
  </div>
</div>

始终与：

相同

<div class="some styling 2">
  <div class="some styling 1">
  Some content
  </div>
</div>

?

谢谢！

Answer 1

显然不是，如果你要输入

border: 2px solid #000000;
padding: 5px;

在 some styling 1 上，以及 padding: 5px; 在 some styling 2

第一个实例将生成一个在外框上带有边框的框，内容将具有 padding 相对于 border 的 5px，加上 5px 的 padding 相对于内框，这意味着内容将具有 10px padding 和外边框。这里 border 距离内容

10px

第二个实例将生成一个框，其外部 padding 为 5px，然后是 2px border，然后是 5px padding，然后是内容。如您所见，border 现在已经移动了位置并且 5px 远离内容

Is styling css with nested <div> always commutative?