How to make CSS visible only for Opera and google chrome?

  • Post category:CSS
  • Post comments:0 Comments

Here is a way to make some CSS rules visible only for Opera (9.5 +)?

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
       css rules
 }

here is an example:

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    #ja-main {
        width: 800px ;
    }
    #ja-left {
        width: 200px;
    }
}

For google chrome
@media screen and (-webkit-min-device-pixel-ratio:0) {

Body {}

}