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

Question

我正在使用 IE7 *+html 的特殊选择器来适应 IE7 :-)

这是以 chrome 显示的 CSS 代码……除了 IE7 之外，我不想看到它：

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

我将其他 css 与 *+html 一起使用，它只能由 IE7 读取，但下面的 css

感谢帮助我！

Answer 1

您正在使用分组运算符：

当多个选择器共享相同的声明时，它们可能会被分组到一个逗号分隔的列表中。

在这个例子中，我们将三个具有相同声明的规则压缩为一个。因此，

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]-->