Wie können Sie bedingtes Styling für bestimmte Internet Explorer-Versionen erreichen?

Bedingtes CSS für Internet Explorer: Stilspezifität im IE erreichen

Stilspezifität im Internet Explorer zu erreichen kann eine Herausforderung sein, insbesondere wenn bestimmte Regeln gelten sind nur für bestimmte Versionen des Browsers gedacht. In diesem Fall möchten wir eine Breite von 100 % auf Elemente innerhalb eines CSS-Blocks anwenden, allerdings nur für Internet Explorer 7, 8 und 9.

Die Lösung liegt in der Verwendung einer Microsoft-spezifischen Medienabfrage, bekannt als @media screen und (-ms-high-contrast: active), (-ms-high-contrast: none){}. Diese Medienabfrage wird speziell von Internet Explorer 10 oder höher analysiert, um sicherzustellen, dass die darin enthaltenen Stilregeln ausschließlich auf den IE angewendet werden.

Durch die Verwendung dieser Medienabfrage können wir unsere Stilregeln isolieren und auf bestimmte Internetversionen abzielen Forscher. Hier ist ein Beispiel:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .actual-form table {
        width: 100%;
   }
}

In diesem Beispiel wenden wir die Breite von 100 % auf Elemente innerhalb der Tabellenklasse .actual-form an, jedoch nur, wenn sie in Internet Explorer 7, 8 oder 9 angezeigt werden. Dies Der Ansatz ermöglicht es uns, die Browserkompatibilität aufrechtzuerhalten und gleichzeitig bedingte Stile auf gezielte IE-Versionen anzuwenden.

Das obige ist der detaillierte Inhalt vonWie können Sie bedingtes Styling für bestimmte Internet Explorer-Versionen erreichen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!