how to make a css "if opera,not..."

Question

I want to make a css rule, which affects all but the opera browser, all the other browser add a css rule:

#content{left:1px;}, (opera without this rule). the below code not worked...

<!--[if !OPERA]> 
<style type="text/css">
#content{left:1px;} 
</style>
<![endif]-->

http://stackoverflow.com/a/4021618/946789 – c69 Nov 03 '12 at 15:10 — c69, Nov 03 '12 at 15:10

score 6 · Answer 1 · answered Dec 05 '10 at 22:27

6

Conditional comments are recognized by IE only. If you need Opera-specific CSS, you will need JavaScript:

if (window.opera) {
    document.getElementById('foo').style.height = '100px';
}

answered Dec 05 '10 at 22:27

jwueller

30,582
4
66
70

score 3 · Accepted Answer · answered Dec 05 '10 at 22:53

you can use the property you want for a selector like #content{left:1px;} then add a css hack for opera providing the default value (or the value you want). The css hack has the following syntax: @media all and (min-width:0px) {head~body .selector {property:value;}} an example of the previous syntax and your example could be: @media all and (min-width:0px) {head~body #content {left:0px;}}

how to make a css "if opera,not..."

2 Answers2