关于各浏览器对CSS伪类以既(selector)选择器的支持[转]
说明:√的意思就是全支持
Δ的意思就是支持但有些部题存在
Χ的意思很明显就是不支持了
一.对CSS伪类的支持:
二:对(selector)选择器的支持
看完上面的列表不知道大家有没有发现一个问题,IE6对.class选择器的支持竟然是Δ,很纳闷平时在IE6下用.class并没有发现任何问题啊。这里怎么会是Δ,后来看了说明才知道原来是对双重类的解析上的确存在问题。不明白我说什么?好,直接给代码,分别在IE6和其它的浏览器下过行看看就知道结果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.red.green { color:blue;}
.green { color:green; }
.red { color:red;}
</style>
</head>
<body>
<p class="green red">test</p>
</body>
</html>如果你对css的优先级的计算有点了解的话,就应该知道P里的test的颜色应该是蓝色,.red.green的优先级为0020,.red的优先级为0010, 没错,这在其它浏览器的确是蓝色,但用IE6运行看看,竟然是红色的。在IE6中,最后一个类的样式会覆盖全面类的样式,但它对css优先级的算法是错误的。这就是为什么上面的表中对.class的技持是Δ。
Δ的意思就是支持但有些部题存在
Χ的意思很明显就是不支持了
一.对CSS伪类的支持:
二:对(selector)选择器的支持
看完上面的列表不知道大家有没有发现一个问题,IE6对.class选择器的支持竟然是Δ,很纳闷平时在IE6下用.class并没有发现任何问题啊。这里怎么会是Δ,后来看了说明才知道原来是对双重类的解析上的确存在问题。不明白我说什么?好,直接给代码,分别在IE6和其它的浏览器下过行看看就知道结果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.red.green { color:blue;}
.green { color:green; }
.red { color:red;}
</style>
</head>
<body>
<p class="green red">test</p>
</body>
</html>