CSS 中星号前面的属性有什么用？

在 Web 开发中，CSS（层叠样式表）使开发人员能够确定网站的视觉外观和布局。然而，由于不同的浏览器对CSS的支持机制不同，因此编译器渲染网页时可能会出现不一致的情况。,为了克服这个兼容性问题，开发人员通常选择使用 CSS hacks 来确保他们的网页在不同的浏览器和设备上显示一致。其中一种黑客行为是星号属性（也称为星号属性黑客），它用于针对对 CSS 的支持有限的特定版本的 Internet Explorer (IE)。,在本文中，我们将探讨 CSS 中的星号属性 hack，并讨论其用途和局限性。我们还将提供如何有效使用此技巧的示例以及在 CSS 代码中实现它的最佳实践。,这是一个 CSS hack，用于声明 HTML 元素的不同属性。前面带有星号 (*) 或下划线 (_) 的属性，在 IE 7 及以下版本的 IE 中仅呈现，而对于 IE 8 及更高版本，它会被编译器视为垃圾。,登录后复制,现在，让我们通过示例更好地理解这一点。我们将使用此 hack 在 IE 6、IE 7 和其他浏览器中渲染属性。,注意 – 此 hack 用于不同的浏览器，因此在指定的浏览器中运行该程序以观察正确的输出。,下面说明了如何让编译器将 CSS 属性渲染到 Internet Explorer 7 及更低版本中的元素。,登录后复制,对于 IE7 及以下版本，div 元素的 margin-top 为零。,如果您在任何其他浏览器中运行代码，则 div 元素的 margin-top 为 40px。,在上面的示例中，CSS 选择器 .my-div 应用 40 像素的上边距。但是，*margin-top: 0; 规则仅适用于 Internet Explorer 6，将边距设置为 0 像素。属性名称 (margin-top) 之前的星号 (*) 是“星号属性 hack”中的“星号”。这是其他浏览器中的语法错误，因此它们会忽略这一行。,下面说明了使编译器将 CSS 属性呈现给 Internet Explorer 6 及更低版本中的元素的另一种方法。它不适用于 IE 7。,登录后复制,对于IE6及以下版本，div元素的背景颜色将为蓝色。,如果您在任何其他浏览器中运行代码，背景颜色将为红色。,在上面的示例中，CSS 选择器 .my-div 应用红色背景颜色。但是，_background-color: blue; 规则仅适用于 Internet Explorer 6，将背景颜色设置为蓝色。,“星号属性”是过去使用的一种技术，用于使用 CSS 样式来定位特定版本的 Internet Explorer。虽然它有效地实现了这一目标，但它也有一些优点和缺点。