html:first-child IE7跟firefox都不认识吗?有的浏览器是那样笨。

昨晚在CSDN无意中看到这个

html:first-child>*+body {...}

测试页面,解读一下:
html:first-child就是html 自己
html:first-child>* 就是html下子一级的所有,可以是head
html:first-child>*+body 就是可以head后面的body

这个选择符FF2不认,IE7也不认,Opera跟Safari可以,一开始还以为FF下的html跟body里还有层什么,FF的html下有别的东西很久前的事了,比如在本站按下中键,代码在后面。

后来又测试了,原来是不认识 html:first-child,~_~ 真笨,不知道人家是不是故意的。不过不认识也好,可以拿来当filter用,过滤FF的方式其实已经很多了,比如:

 :root Selectors{}/*不过这个Netscape也认识*/  
@-moz-document url("loaoao.com") {
Selectors{ ... !important}
}/* 这个是FF特有的,常常给我用来过滤广告 */ 

不过这个比较特别,据不科学的说法,FF3是通过Acid2测试的,对CSS的支持变化应该不小,到时也许又会有N多问题会出现,得有区分Firefox不同版本的,这个就有作用了,区分FF1.5跟FF2的方式我还没找到,谁知道跟我说。


定制Firefox鼠标中键图标的方法

html>img /* autoscroll overr-de for Firefox */
{
width: 0!important;
height: 28px!important;
padding-left: 28px!important;
background: url(../images/autoscroll.png);
}

用FF看在本站时,按下鼠标中键,看看会看到什么。XD 据说这段css最早是由http://www.sitepoint.com/ 使用的,那是老九发现的,那是Firefox社区的fiag发现。(^^感谢郭爽 的提醒)

This entry was posted in Web开发 and tagged , , , . Bookmark the permalink.

4 Responses to html:first-child IE7跟firefox都不认识吗?有的浏览器是那样笨。

  1. 怿飞 @ 2007-03-19 at 18:18

    body:first-child,IE和FF也不识别,或许他们认为html和body只有一个,没有first之分,所以不支持!XD

  2. aoao @ 2007-03-22 at 04:59

    介个问题比较复杂,要去问开发工程师 XD

  3. guoshuang @ 2007-08-27 at 12:10

    before 2005-09
    blog.guoshuang.com/david/showlog.asp?log_id=2929

  4. Mr.goochin L @ 2009-11-06 at 17:24

    感觉好深奥那样子~

发表评论

(必填)

(必填)