CSS中 star-preceded 属性的用途是什么？

在 CSS 中，星号（*）被用作一种特殊符号，可以用于表示所有元素或者所有属性。而使用 star-preceded 属性，则表示以星号为前缀的属性。这个属性的使用方式比较特殊，经常被程序员用来解决一些棘手的问题。

含义

所谓 star-preceded 属性，指的就是以星号（*）为前缀的属性。这种属性的作用是匹配网页中的任意元素。因为网页中的元素很多，有些元素的类型、类名或者 ID 可能是程序员无法预知的，但是我们希望对这些元素进行某些样式的设置，这时候就可以使用 star-preceded 属性。例如：

* {
  margin: 0;
  padding: 0;
}

这一段 CSS 代码会将网页中所有元素的 margin 和 padding 都设置为 0。

用途

star-preceded 属性的主要用途是解决兼容性问题。在编写 CSS 代码的时候，我们常常会遇到浏览器兼容性的问题。有些浏览器可能无法解析某些元素或者属性，或者解析出来的效果与预期不符。这时候我们就可以使用 star-preceded 属性来修复这些问题，使得网页在各种浏览器上都能正常显示。

例如：

html, body {
  height: 100%;
}

#container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  *height: 100%; /* IE6 hack */
}

这一段 CSS 代码的作用是让 #container 元素的高度与浏览器窗口的高度相同，并且要兼容 IE6。其中，height: auto !important; 表示如果浏览器支持高度自适应，则使用自适应高度；否则使用固定高度。height: 100%; 是为了让一些已经支持高度自适应的浏览器正常显示。而 *height: 100%; 则是为了让 IE6 也能正常显示。

总结

通过本文的介绍，大家应该知道 star-preceded 属性是什么，以及它的用途。需要注意的是，由于这种属性能够匹配网页中的任意元素，因此使用时需要谨慎。如果使用不当，可能会造成样式的混乱。在实际开发中，应该适量使用 star-preceded 属性，并且注意与其他样式的优先级的竞争。