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在页面加载后删除HTML注释作为DOM节点。