css - html，正文被应用到 CSS 文件中的最后一个值

Question

我的 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 服务器外部引用的。

如何解决这个问题？

Answer 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（用于html和body元素）。