Future proof CSS hack for LTE Opera 10

问题:

I am currently using @media screen and (-webkit-min-device-pixel-ratio:0) to target Webkit browsers + Opera 9.2.

Is there a safe* way to target Opera GTE 9.5 or LTE 10?

_{* won't be picked up by another browser}

回答1:

That was hard but here it is. Works only in Opera gte 9.5 and lt 10.50:

@media all and (resolution = 0dpi) { // exclude Opera 10.50 and higher
  :root #box { // you need to append :root to all selectors to exclude Opera lt 9.5
    background: #f00;
  }
}

回答2:

* targets Opera 9 & below (and perhaps future versions) - valid HTML & invalid XHTML */

#dis[disabled="true"]+p {}

Source: http://perishablepress.com/press/2006/08/27/css-hack-dumpster/