CSS中属性带 * 号是什么意思

html-css08

CSS中属性带 * 号是什么意思,第1张

那个星号是用于解决浏览器兼容问题的：

例子：

width：300px； 火狐浏览器

*width：400px； IE7.0

_width:500px IE6.0

恩~大概就是这样，还有一个事!important 也是用于兼容浏览器问题的：

例子：

width：300px!important width:400px

火狐和IE7.0会识别300px，而IE6则会是400px。

最后一个常见*位置：在css样式顶部

例如：

*{

font-size：12px

}

那么这个星号是把页面所有字号都就是默认变成12px

欢迎访问：我助助学习交流网

*号就是说是指定为IE6和更低版本来使用。非IE的浏览器就不认得。

原理是：HTML元素被认为是网页上的第一个元素，即根元素，但是IE7以下的所有版本有一个匿名的根元素，它包围着HTML元素，可以使用通用选择器指定包围在另一个元素中的HTML元素。因为这种情况只在IE6和更低版本中出现，所以可以将特定的规则应用于这些浏览器。比方说

* html{font-size:small}

例子：IE6以下将1象素的点划线错误的显示成虚线，为了避免这个虚线，可以将链接上的鼠标停留边框样式设置成点线，但在IE中复盖这个规则，让它们显示成实线。可以写成：

a:hover{

border:1px dotted black

}

* html a:hover{

border-style:solid

}

结论：在任何常规的CSS规则开头添加一个通用选择器和一个HTML类型选择器。这样就会对除IE之外的所有浏览器隐藏这个规则。 例如：*html{font-size:small}, IE以外的浏览器不认得。

*{font-size:small} 是指*是通用符，把所有字体都默认置小。同理，* {margin: 0padding: 0}是指所有的区域，影响整个页面。

参考： http://bbs.blueidea.com/thread-2876874-1-1.html