Czy jest jakiś sposób, aby zrobić "jeśli IE" wewnątrz pliku CSS?

Question

Wiem, że możesz wstawiać instrukcje warunkowe do ładowania różnych plików CSS, jeśli jesteś w programie Internet Explorer, ale czy możesz to zrobić w pliku CSS?

Mam sytuację, w której chcę, aby prawy margines wynosił 20, jeśli jest to Internet Explorer, ale 10, jeśli jest to jakakolwiek inna przeglądarka.

Answer 1

Najprostszym sposobem radzenia sobie z tym problemem jest sytuacja w kodzie HTML, która umieszcza element div z określonym identyfikatorem wokół reszty strony.

<!--[If IE 8]> 
<div id="IE8"> 
<![endif]--> 
    . 
    . 
    . 
<!--[If IE 8]> 
</div> 
<![endif]--> 

Następnie Twój CSS może to zrobić:

#IE8 div.whatever { ... } 

tego rodzaju sprawia, że ​​wszystkie te hacki CSS niepotrzebne.

Answer 2

Nie ma oficjalnej składni komentarzy warunkowych dla CSS. Są tylko warunkowe komentarze HTML i JavaScript, więc bądź kreatywny z tymi (John Fisher pokazuje w jedną stronę).

Można emulować warunkowe CSS za pomocą dobrze znanych haków CSS, ale wolałbym nie. Mogliby się złamać lub w inny sposób zadziałać nieoczekiwanie w dowolnej dowolnej wersji IE, ponieważ hacki mają wykorzystywać błędy w obsłudze CSS przez IE.

Answer 3

Istnieją hacki, takie jak this one, w których używanie reguł, których IE nie może zinterpretować, oznacza, że ​​IE przestaje przetwarzać regułę, pozostawiając ją bezpieczną dla innych przeglądarek.

Jak to:

div.iehack { 
    margin-right:20px; 
    voice-family: "\"}\""; 
    voice-family:inherit; 
    margin-right:10px; 
} 

Answer 4

Będziesz się bałagan plików css robi tego rodzaju hacki. Lepiej przygotuj osobny plik dla IE. Ustaw margines na 10 w ogólnym pliku css i ustaw go na 20 w pliku specyficznym dla IE, który powinien (warunkowo) zostać załadowany po ogólnym pliku css. Wiesz, jak to zrobić i nie ma powodu, by robić to w jakikolwiek inny sposób.