html - nth-child が Dreamweaver でレンダリングされない

Question

だから私はニュースの小さなセグメントを含む写真、タイトル、小さなテキストを含む float left を持つ newsBox を持っています。すべての行に 2 つのニュースボックスがあり、最初のニュースボックスごとに 20px のマージンを追加したいと考えています。

私は .newsBox:nth-child(odd) { margin-right:20px; を使用しました。} を css に追加すると、Chrome では問題なく動作しますが、Dreamweaver CS6 ではレンダリングされません。

これは公式にサポートされているルールではありませんか? または、これを行う別の「クリーンな」方法はありますか?

前もって感謝します！

score 0 · Accepted Answer

Dreamweaver のデザインビューはひどいものです。通常、実際のブラウザーでどのように見えるかを正確に表現することは決してありません。

問題に対する代替の有用な回答として、CS5 の後に実装された Dreamweaver のライブビューを試すことができます。

設定方法を説明している動画です。

最後の注意として、デザインビューを使用しないようにし、コードをさらに詳しく理解するようにしてください。慣れれば、コードをほぼ正確に (通常は常にデザインビューよりも優れた形で) 視覚化できます。そのため、dreamweaver のデザインビューを信頼して開発しないでください。