Create lobotomizedOwlSelector.md

This commit is contained in:
r0b0_s1av3
2019-10-01 11:21:41 -05:00
committed by GitHub
parent b8c46d2da7
commit 37370bce72

View File

@ -0,0 +1,31 @@
---
title: Lobotomized Owl Selector
tags: layout, beginner
---
Sets an automatically inherited margin for all elements that follow other elements in the document.
```html
<div>
<div>Parent 01</div>
<div>Parent 02
<div>Child 01</div>
<div>Child 02</div>
</div>
<div>Parent 03</div>
</div>
```
```css
* + * {
margin-top: 1.5em;
}
```
#### Explanation
- [View this link for a detailed explanation.](https://alistapart.com/article/axiomatic-css-and-lobotomized-owls/)
- 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