覆盖特定div的通配符选择器

Question

如何从特定div中删除通配符*？

例如，在我的CSS中我有这个

* {
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
      box-sizing:border-box;
}

我不想要特定的div，他的内容没有这个类（通配符）。

已经尝试使用box-sizing: content-box !important，但没有成功。

我怎样才能做到这一点？

Answer 1

您只使用box-sizing这是一般属性，它可能不支持旧浏览器，甚至不支持新浏览器，因此，它会失败，使用*最不喜欢，可以使用class甚至是简单的元素选择器轻松覆盖它

.one {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

Demo

---

正如您所看到的here，Firefox要具体，仍然需要-moz box-sizing属性的前缀，如果您可能在Firefox中进行测试，它会失败，但它将在您使用通用选择器中的前缀版本时应用border-box。虽然您使用content-box作为值，但它会被忽略，因为Firefox会将box-sizing属性视为无效，并且只会跳到下一个属性，因此，您不需要{{1你可以使用特定的选择器，实际上任何选择器都比!important选择器更具体。