html - nth-child 不在 Dreamweaver 中呈现

Question

所以我有一个左浮动的新闻框，其中包含图片、标题和包含小段新闻的小文本。我每行都有 2 个新闻框，我希望每个第一个新闻框都有一个额外的边距，即 20 像素。

我用过 .newsBox:nth-child(odd) { margin-right:20px; } 在 css 中，它在 Chrome 中运行良好，但在 Dreamweaver CS6 中不呈现。

这不是官方支持的规则吗？或者还有另一种更“干净”的方式来做到这一点？

提前致谢！

score 0 · Accepted Answer

Dreamweaver 设计视图很糟糕，它通常无法准确表示事物在真实浏览器中的外观。

作为对您的问题的替代和有用的答案，您可以尝试在 CS5 之后实施的 Dreamweaver 中的实时视图。

这是一个视频，解释了如何设置它。

最后一点，尽量不要使用设计视图，而是更深入地了解代码......一旦你习惯了它，你就可以阅读代码并几乎准确地可视化（通常总是比设计视图更好）事物的外观。因此，请不要相信 Dreamweaver 中的设计视图进行开发。