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

📅  最后修改于: 2021-08-31 08:15:13             🧑  作者: Mango

这是一个简单的 hack,也称为‘* property hack’ 。它在处理旧版本的 Internet Explorer(即 IE6 和 IE7)时很有用。当我们在 CSS 中的任何属性名称之前添加 * 时,它针对 IE 7 及以下版本的 IE 浏览器,并在浏览器上加载相同的 CSS 时反映,而对于所有其他浏览器,包括 IE 8 及以上版本,它充当垃圾。

注意: IE6 可以使用下划线 (_),IE7 可以使用星号 (*)。需要时在 CSS 属性前添加 _ 或 *。

句法:

color: blue;    /* all browsers */
*color: blue;   /* IE7 and below */
_color: blue;   /* IE6 and below */

下面的例子说明了 CSS 中的 star-preceded 属性:

示例:在此示例中,我们将看到以 * 开头的元素在 IE 中的不同版本中表现如何。我们可以看到,对于元素 h1,我们添加了以 * 开头的属性颜色。




    

   

    
        

GeeksforGeeks

                     A Computer Science Portal             for Geeks.                  

          This is an example for           star-preceded property         

    

   

注意:这是一种错误,仅适用于 IE7 及以下。
输出:

  • IE 7 及以下版本的输出:我们可以看到带有GeeksforGeeks文本的 h1 属性是绿色的,因此,此浏览器版本不包括 *property name。
  • IE 8 及更高版本的输出:我们可以看到带有文本GeeksforGeeks 的h1 属性为黑色,表明 *property name 在浏览器 IE 8 及更高版本中被视为垃圾。