Files
30-seconds-of-code/snippets/lobotomizedOwlSelector.md
2019-10-01 11:21:41 -05:00

727 B

title, tags
title tags
Lobotomized Owl Selector layout, beginner

Sets an automatically inherited margin for all elements that follow other elements in the document.

<div>
  <div>Parent 01</div>
  <div>Parent 02
    <div>Child 01</div>
    <div>Child 02</div>
  </div>
  <div>Parent 03</div>
</div>
* + * {
  margin-top: 1.5em;
}

Explanation

  • View this link for a detailed explanation.
  • In this example, all elements in the flow of the document that follow other elements will receive margin-top: 1.5em.
  • This example assumes that the paragraphs' font-size is 1em and its line-height is 1.5.

Browser support