-1

我的 CSS 类中有以下 CSS 代码。

.ie8 html, body {
padding-left: 140px;
}

html, body {
padding-left: 0px;
}

html,body是最后一个条目。因此,对于ie8,html, body正在得到应用。

现在,如果我交换它们,那么.ie8 html, body将是最后一个条目。因此,对于 Chrome 和 FF,正在应用 .ie8 属性。

CSS 文件是从 Web 服务器外部引用的。

如何解决这个问题?

4

1 回答 1

1

正如 Musa 所说,.ie8 html, body将适用于两个不同的事情:

  • 类元素html下的ie8元素(可能不存在,因为html应该是顶部元素)
  • 和每个body元素(ie8类选择器在这里适用)。

因此,您有两个规则处理body,第二个覆盖第一个。如果你切换它们,效果就会改变。您可能想要html.ie8 body, or .ie8 body(仅用于body元素),或html.ie8, html.ie8 body, or .ie8, .ie8 body(用于htmlbody元素)。

于 2013-01-01T06:46:24.837 回答