回复:常用css hack的用法。用css+div不能不知的方法啊。
属性选择符
css2中提供了一种新选择符,我们称之为属性选择符,用于对具有特定属性的对象进行选择,使用方法如下:
span[class=left] {color:blue;} 表示对所有class名为left的span进行选择,等同于:span.left {color:blue;}
当然,属性class可以替换为其它属性,例如:
span[title] {color:blue;} 表示对所有具有title的span对象进行选择。
这是css中一个非常优秀的选择符方法,但是IE浏览器即使至今也没有对这种方法提供支持,因此属性选择器在Mozilla/Firefox中工作正常,而对IE系列浏览器没有任何作用,因此可以利用此方法进行IE浏览器与Mozilla/Firefox浏览器进行区别处理,如以下代码(示例):
span.content {
color:blue;
}
span[class=content] {
color:red;
}
在IE浏览器之中,class为content的span对象字体颜色将显示为蓝色,而同一对象在Mozilla/Firefox之中将使用第二段样式代码,字体颜色将显示为红色。笔者在实际网站开发的过程中,经常使用属性选择符方法来进行IE与Mozilla/Firefox之间的区别处理,方便与这个简单的例子大同小异,代码如下(示例):
#content {
color:red;
}
[xmlns] #content {
color:red;
}
在第二个选择符中,使用[xmlns]作为顶级选择符,需要注意,使用此方法必须让你的html标签加上xmlns属性,例如:
<html xmlns="http://www.w3.org/1999/xhtml">
只有这样,才保证页面中拥有xmlns这个属性,这样一旦需要对Mozilla/Firefox进行单独处理,只需在相同选择器前面加上[xmlns]就可以对Mozilla/Firefox编写单独的样式表代码,而且在标准的xhtml网页中,html标签也是默认就拥有了xmlns属性,因此用此方法非常方便实用。