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 填充程序，使您能够将样式应用于在 HTML5 之前创建的浏览器(如 IE 7 和 8)中的新语义元素。