как сделать css "если опера, а не ..."

Question

Я хочу создать правило css, которое влияет на все, кроме браузера Opera, все остальные браузеры добавляют правило css:

#content{left:1px;}, (опера без этого правила). приведенный ниже код не работает ...

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

Answer 1

Условные комментарии распознаются только IE.Если вам нужен специфичный для Opera CSS, вам понадобится JavaScript:

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

Answer 2

вы можете использовать свойство, которое вы хотите для селектора, например #content{left:1px;}, затем добавить хак CSS для Opera, предоставив значение по умолчанию (или значение, которое вы хотите). Хак css имеет следующий синтаксис: @media all and (min-width:0px) {head~body .selector {property:value;}} пример предыдущего синтаксиса, и ваш пример может быть: @media all and (min-width:0px) {head~body #content {left:0px;}}