*:first-child+html CSS Hack

If the background color of this paragraph is green (a darker green than this page's background) then the hack was applied.

Example Code

p.test {
  background-color: #f66;
}

*:first-child+html p.test {
  background-color: #6f6;
}

List of browsers that apply this

  • IE7, when in Standards Compatibility mode

List of browsers that do not apply this

  • IE7, when in backwards compatibility mode (aka quirks mode)
  • IE4-6/Win
  • Firefox
  • NS6.0-7.2
  • NS4.x
  • Opera 5+
  • Safari
  • Konqueror 3
  • iCab 3
  • IE5.x/Mac

Note: IE5.5/Win and IE6/Win will ignore any rule that use this selector hack, even if there are multiple selector chains, each separated by a comma, and one of the others would normally apply to an element in the document. This is a very serious parser bug. This is demonstrated in the second test below.

If the background color of this paragraph is green then the hack works. If this is yellow then the browser supports the "* html" (star html) hack, but ignores the second rule.

posted @ 2009-03-15 20:41  Fernando  阅读(613)  评论(0)  编辑  收藏  举报