Wie legen Sie eine CSS-Eigenschaft fest, die nur angewendet werden soll, wenn der Browser IE im Stylesheet ist?

Question

Ich weiß, dass Sie eine browserspezifische css-Datei folgendermaßen einbinden können

<!--[if IE]> 
    <link rel="stylesheet" type="text/css" href="style.css" />
<!-->

Aber gibt es eine Möglichkeit, dies im eigentlichen Stylesheet selbst zu tun?

EDITAR

Vielen Dank für die Antworten, ich bin gerade dabei, ein neues IE-spezifisches Stylesheet zu erstellen und zu überschreiben, was ich dort brauche. Ich denke, dies ist wahrscheinlich der beste Weg, Dinge zu tun.

Answer 1

Lesen Sie diesen Beitrag, scrollen Sie nach unten zu Hacks:

http://www.dezinerfolio.com/2009/02/20/css-standards-best-practices

Answer 2

Ja, das stimmt.

Es wird nicht validiert, aber wenn Sie _ vor dem Eigenschaftsnamen so div {width: 200px;_width: 100px;} hinzufügen, wird 200px breit in nicht-IE-Browsern und 100px in IE.

Answer 3

Ich habe beschlossen, dass die Erstellung eines separaten Stylesheets und die Verwendung der IF-Kommentaranweisung die beste Lösung ist. Hält die Stylesheets sauber und es ist offensichtlicher für andere, was Sie tun (Überschreiben von Eigenschaften aufgrund von Browser-Macken).

<!--[if IE]> 
    <link rel="stylesheet" type="text/css" href="StyleIE.css" />
<!-->

Answer 4

Diese Arbeiten...

.foo{
  border:1px solid #000;
  *border:3px dotted #00f;/*IE6 & IE7 Only*/
  _border:2px dashed #f00;/*IE6 Only*/
}

Das Ergebnis lautet also:

• W3C-Browser (Firefox, Safari, Opera, usw.)
  • 1px solid black border
• IE7
  • 3px gepunkteter blauer Rand
• IE6
  • 2px gestrichelter roter Rand

Als letzten Ausweg (und nicht sehr empfehlenswert) können Sie die dynamischen Eigenschaften verwenden, indem Sie expression() verwenden und dann auf die Browserversion testen (falls Sie das interessiert)

Answer 5

Sie können dazu auch das Flag !important verwenden, aber das kann unbeabsichtigte Nebenwirkungen haben.

Click Me I'm !important