javascript - css 选择器 IE6,7 修复

Question

有什么方法可以在 IE6,7 中模拟 css 选择器“+”吗？

h1 + h2{margin-top: 10px;}

找不到任何解决方案。

Answer 1

您可以使用 jQuery 为 IE6 添加类:

<script>
$('H1 + H2').addClass('h2-after-h1');
<script>

<style>
.h2-after-h1 {margin-top: 10px; }
<style>

在 IE7 中，相邻兄弟组合器 (+) 确实在本地工作，但由于与 HTML 注释相关的错误而受到限制。有 JavaScript workaround在页面加载后删除作为 DOM 节点的 HTML 注释。