当前位置：首页 → 问答吧 → ie6下:first-letter伪类颠覆了选择器的优先级？

ie6下:first-letter伪类颠覆了选择器的优先级？

时间：2011-05-03

来源：互联网

在ie6下，*号的优先级比 id+伪类选择器或class+伪类选择器的优先级高。（这里的伪类选择器仅指:first-letter，其他的没有测试）
在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>first-letter</title> <style type="text/css"> *{ color:red } li { list-style:none; } .list li:first-letter{ color:blue; } </style> </head> <body> <ol class="list"> <li>一、最初被称为盒模型酸试</li> <li>二、该版本针对支持HTML</li> </ol> </body> </html>
提示：您可以先修改部分代码再运行

<!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>first-letter</title> <style type="text/css"> *{ color:red } li { list-style:none; } #list li:first-letter{ color:blue; } </style> </head> <body> <ol id="list"> <li>一、最初被称为盒模型酸试</li> <li>二、该版本针对支持HTML</li> </ol> </body> </html>
提示：您可以先修改部分代码再运行

在color:blue; 加！important可解决问题。

<!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>first-letter</title> <style type="text/css"> *{ color:red } li { list-style:none; } #list li:first-letter { color:blue !important; } </style> </head> <body> <ol id="list"> <li>一、最初被称为盒模型酸试</li> <li>二、该版本针对支持HTML</li> </ol> </body> </html>
提示：您可以先修改部分代码再运行

去掉.list li:first-letter{
color:blue;
}中的.list 你会发现应用了伪类的文字会是蓝色。

<!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>first-letter</title> <style type="text/css"> *{ color:red } li { list-style:none; } li:first-letter { color:blue; } </style> </head> <body> <ol class="list"> <li>一、最初被称为盒模型酸试</li> <li>二、该版本针对支持HTML</li> </ol> </body> </html>
提示：您可以先修改部分代码再运行

那么，问题：
（1）在ie6下这是个别现象？
（2）ie6下伪类的优先级是？

[ 本帖最后由 twming 于 2011-5-3 16:26 编辑 ]

作者: twming 发布时间: 2011-05-03

IE6不支持伪选择器

作者: machenxi 发布时间: 2011-05-03

。。。。。是某些不支持

作者: twming 发布时间: 2011-05-03