nth-child无法在Dreamweaver中渲染

时间:2013-07-27 12:02:18

标签: html css dreamweaver

所以我有一个左侧浮动的newsBox,其中包含图片,标题和包含小段新闻的小文本。我每行都有2个新闻框,我希望每个第1个newsBox都有额外的边距 - 右边20px。

我用过.newsBox:nth-​​child(odd){margin-right:20px;在css中,它在Chrome中工作正常,但不能在Dreamweaver CS6中渲染。

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

提前致谢!

1 个答案:

答案 0 :(得分:0)

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

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

以下是解释如何设置的视频。

http://tv.adobe.com/watch/creating-time/dreamweavers-live-view-helps-you-save-time/

最后请注意,尽量不要使用设计视图和tey来更多地了解代码......一旦习惯了它,你就可以阅读代码并几乎完全可视化(通常总是比设计视图更好)事情看起来。因此,请不要相信Dreamweaver中的设计视图以进行开发。