在这个产品页面上有几处样式我们需要再调整一下 ... 这个外观 ... 还有 内饰都是 vertical story ，它们中间的间隔有点大 ..

这两块内容的包装元素上都有一个 vertical 类 .. 它们是兄弟关系 .. 我们可以使用 css 的兄弟选择器，选中下面这个 vertical ，然后把它的内容上的上边距给它去掉 ..

回到 story 样式表 .. 在这个 vertical 里面，用一个 ~ .vertical ，这个波浪号表示兄弟关系 ...

嵌套一个 .content ，在这个类上用了一个 padding，内边距，我们可以把它们的上边的内边距去掉 .. padding-top 设置成 0 ...

现在这两块内容之间的距离就比较合适了 ..

下面再去改一个地方，在这个 vertical story 里面，我们用了 background，把它的背景设置成了白色 .. 有一些 vertical story 的背景我不希望使用白色背景 ... 这里可以做一点调整 ..

先去掉应用在 vertical story 里面的白色背景 ..

然后在 .ui.story 里面，添加一个 &.white ... 在它里面，把背景设置成白色 .. 这样，如果在 ui.story 元素上再添加一个 white 类的话，元素内容的背景颜色就会是白色 ...

现在这些内容的背景颜色会变成默认的背景颜色 ...

再打开首页 ...

首页上有个 story 我希望使用白色背景 .. 找到这个元素 ... 在上面添加一个 white ...

这样这块内容的背景颜色就会是白色的了 ...