wie man ein css "wenn oper, nicht ..." - css, oper

Ich möchte eine CSS-Regel machen, die alle außer dem Opera-Browser betrifft, alle anderen Browser fügen eine CSS-Regel hinzu:

#content{left:1px;}, (Opera ohne diese Regel). der folgende Code hat nicht funktioniert ...

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

Antworten:

Sie können die gewünschte Eigenschaft für einen Selektor verwenden #content{left:1px;} Fügen Sie dann einen Css-Hack für Opera hinzu, der den Standardwert (oder den gewünschten Wert) bereitstellt. Der CSS-Hack hat die folgende Syntax: @media all and (min-width:0px) {head~body .selector {property:value;}} ein Beispiel für die vorherige Syntax und Ihr Beispiel könnte sein: @media all and (min-width:0px) {head~body #content {left:0px;}}

Bedingte Kommentare werden nur vom IE erkannt. Wenn Sie Opera-spezifisches CSS benötigen, benötigen Sie JavaScript:

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