CSS SNIPPET

  返回

Lobotomized Owl选择符  页面布局beginner

为文档中所有跟随其他元素的元素自动设置继承的边界。

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;
}
效果演示
Parent 01
Parent 02
Child 01
Child 02
Parent 03
代码说明
  • 查看 lobotomized owl 的详细说明
  • 在这个示例中,文档流中的所有跟随其他元素的元素将设置样式margin-top: 1.5em
  • 上面的示例假设段落的font-size 是 1em ,其line-height 是 1.5。
浏览器支持

100.0%