Question

我正在使用IE7 * + html的特殊选择器进行IE7的一些调整： - ）

以下是Chrome中显示的CSS代码......除了IE7之外，我不想看到它：

*+html .container, .ui-listview {
position: relative;
top: 41px;
}

我使用其他带有* + html的css，它只能由IE7读取，但是这个css在下面

感谢帮助我！

Answer 1

您正在使用grouping operator：

当多个选择器共享相同的声明时，它们可能是   分组为以逗号分隔的列表。

在这个例子中，我们使用相同的声明来压缩三个规则   合而为一。因此，
h1 { font-family: sans-serif }
h2 { font-family: sans-serif }
h3 { font-family: sans-serif }
相当于：
h1, h2, h3 { font-family: sans-serif }

所以这段代码：

*+html .container, .ui-listview {
    position: relative;
    top: 41px;
}

......相当于：

*+html .container{
    position: relative;
    top: 41px;
}
.ui-listview {
    position: relative;
    top: 41px;
}

这说明.ui-listview不受*+html的影响。

Answer 2

我不再使用这些类型的黑客了，在我看来，更好的解决方案是条件评论（参考：http://msdn.microsoft.com/en-us/library/ms537512%28v=vs.85%29.aspx）

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css">
<![endif]-->

为什么我的* + html CSS在IE7中工作

2 个答案: