如何属性定义嵌套元素？

Question

鉴于我有以下标记：

<body>
  <article>
    <div class="foo">Foo</div>
    <div class="bar">Bar</div>
  </article>
</body>

body的固定宽度为910px:

body { @include container(910px); }

body 有一个 article 元素，它由 2 个嵌套的 divs（.foo 和 .bar）组成。

此时，如果我要.foo和.bar各占6列。这很容易做到：

article {
  @include container

  .foo { @include span(6 of 12) }
  .bar { @include span(6 of 12) }
}

body 到 @include container 和后续元素 (article) 直接包含另一个 @include container 可以吗？

在 Twitter Bootstrap 中，col 应该始终跟在 row 之后。但这不是 Bootstrap。是苏西

在Susy中，arow和acol是什么概念？或者 @include span 基本上两者都做？

Answer 1

Bootstrap 使用 rows 来移除边缘间距。 Susy 不使用或要求行，因此 span() 就是您所需要的。也不需要重复的 container() mixin。如果你想让文章清除浮动，你可以改用clearfix（我们的叫susy-clearfix()）。

How to propery define nested elements?