Всегда ли стиль css с вложенным <div>всегда коммутативен?

Question

Я пытаюсь понять, имеет ли значение порядок, в котором вы определяете стиль css с использованием тегов div.

Is:

<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 5px относительно border, плюс 5px padding относительно внутренней рамки, означая, что у содержимого будет 10px padding и внешний границы. Здесь border находится на 10px от содержимого

Второй экземпляр создаст окно с внешним padding, равным 5px, затем 2px border, за которым следует 5px padding, затем содержимое. Как вы можете видеть, border сместился и находится на 5px от содержимого