Cel gwiazdki przed właściwością CSS


101

Poniższy fragment pochodzi z resetowania Yahoo CSS. Czy ktoś może wyjaśnić cel gwiazdek?

body {
  font:13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size:small;
  *font:x-small;
}

Odpowiedzi:


117

Jest to hack CSS dla przeglądarki Internet Explorer w wersji 7 lub starszej.

*wartość nieruchomości

Chociaż program Internet Explorer 7 poprawił swoje zachowanie, gdy nazwa właściwości jest poprzedzona podkreśleniem lub łącznikiem, inne przedrostki znaków niealfanumerycznych są traktowane tak, jak w IE6. Dlatego jeśli dodasz znak niealfanumeryczny, taki jak gwiazdka (*) bezpośrednio przed nazwą właściwości, właściwość zostanie zastosowana w IE, a nie w innych przeglądarkach. W przeciwieństwie do metody łącznika i podkreślenia, specyfikacja CSS nie zawiera żadnych zastrzeżeń co do gwiazdki jako przedrostka, więc użycie tego hacka może spowodować nieoczekiwane zachowanie w miarę ewolucji specyfikacji CSS.

* właściwość: wartość dotyczy wartości właściwości w IE 7 i poniżej. To może, ale nie musi działać w przyszłych wersjach. Ostrzeżenie: to używa nieprawidłowego CSS.

Od: http://www.javascriptkit.com/dhtmltutors/csshacks3.shtml



1

Wszystkie przeglądarki oprócz IE ignorują zasady. To się nazywa hack gwiazdy. Myślę, że IE7 zignoruje reguły w trybie standardów.

W takim przypadku reguła dotycząca czcionek jest ustawiana, a następnie zastępowana dla IE 6, a czasem 7.


To nie jest hack star-html. Ten trafia do selektora i jest prawidłowym CSS.
bobince



0

To hack CSS, ta reguła będzie stosowana tylko do IE7 i starszych.

Nie polecałbym jej jednak używać, są lepsze sposoby naprawienia niezgodności IE.


0

Umieszczanie takich znaków jest sztuczką / obejściem, aby IE 6 używał właściwości stylu, jednocześnie ukrywając ją przed bardziej „rozsądnymi” przeglądarkami.

Od tutaj :

Krótko mówiąc, parser CSS Internet Explorera jest zbyt agresywny, próbując wykryć nazwy właściwości i faktycznie ignoruje początkowe znaki niealfanumeryczne. Z moich testów wynika, że ​​dzieje się tak od co najmniej IE5.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.