2010-06-03 17 views
5
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} 
input,textarea,select{*font-size:100%;} 

Jest to z resetowania YUI css. Co robi czcionka * before font-size: 100%?Co robi ten CSS?

+0

Podobnie jak Marc odpowiedział poniżej można poprzedzić rzeczy z „*” i „_” kierować różne wersje IE – Justin

+0

powiązanymi: http://stackoverflow.com/questions/2879276/please-explain-in-detail-this-part-of-yui3-css-reset i – BalusC

Odpowiedz

12

To jest hack IE. Druga linia jest poprawnie przetwarzana i wykonywana tylko przez IE 7 i poniżej. Aby uzyskać więcej informacji, patrz http://www.webdevout.net/css-hacks#unrecommended-asterisk_prefix.

Edit: Jedna uwaga na używanie takiego (nieprawidłowy!) CSS: proszę nie. Istnieje wiele sposobów na utrzymanie swojego CSS w czystości. Nigdy nie dowiesz się, jakie zachowanie może przynieść IE9. Lepiej umieścić takie hacki w osobnym pliku CSS, który następnie można włączyć przez conditional comments.

0

Myślę, że to hack, aby ta definicja miała zastosowanie tylko do IE 7 lub mniej, a ignorowana przez inną przeglądarkę, ponieważ gwiazdka nie jest legalnym znakiem przed nazwą atrybutu.

2

Aby być bardziej precyzyjnym: IE6/7 doesn't support font-size: inherit. Ten hack ma i tak osiągnąć cel.