css - 对于非语义 HTML5 浏览器 (IE6-8)，哪种回退方法是好的？

Question

假设不使用 Modernizr（我正在使用它），其中哪一个是最好的联合解决方案？

目前，我正在使用带有第一个 CSS 选项的解决方案 1。没有向<aside>标签添加样式，因为我不确定哪些 HTML5 语义标签可以被风格化，哪些不能（在支持它们的浏览器中）。

HTML 1) 语义 → 除法

<aside role="complementary">
    <div id="right">
        ...
    </div>
</aside>

#right { ... }

或者

aside #right { ... }

HTML 2) 除法→语义

<div id="right">
    <aside role="complementary">
        ...
    </aside>
</div>

#right aside { ... }

谢谢你。

Answer 1

最简单的方法是包含modernizr，因为它具有内置的HTML5 shim，使您能够将样式应用于在HTML5 之前创建的浏览器中的新语义元素，例如IE 7 和8。