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

Dies ist von der YUI Reset CSS. Was macht das * vor Schriftgröße: 100%?Was macht dieses CSS?

+0

Wie Marc beantwortet unter Ihnen Dinge mit ‚*‘ Präfix und ‚_‘ verschiedene Versionen von IE – Justin

+0

Verwandte Ziel: http://stackoverflow.com/questions/2879276/please-explain-in-detail-this-part-of-yui3-css-reset und – BalusC

Antwort

12

Dies ist ein IE-Hack. Die zweite Zeile wird nur von IE 7 und darunter korrekt geparst und ausgeführt. Weitere Informationen finden Sie unter http://www.webdevout.net/css-hacks#unrecommended-asterisk_prefix.

Edit: Eine Bemerkung über die Verwendung solcher (ungültig!) CSS: bitte nicht tun. Es gibt viele Möglichkeiten, Ihr CSS von solch einem Durcheinander zu befreien. Sie werden nie wissen, welches Verhalten IE9 mit sich bringt. Besser, diese Art von Hacks in eine separate CSS-Datei zu packen, die dann unter conditional comments eingefügt werden kann.

0

Ich denke, es ist ein Hack, diese Definition nur für IE 7 oder weniger gelten zu lassen, während sie von anderen Browsern ignoriert wird, da ein Stern kein legales Zeichen vor einem Attributnamen ist.

2

Um genauer zu sein: IE6/7 doesn't Unterstützung font-size: inherit. Dieser Hack soll das Ziel sowieso erreichen.

0

Wie bereits gesagt, sind diese Hack auf bestimmte Browser gezielt. Marc Vorschlag ist ruhig richtig, und hier ist ein Link zu geben Ihnen einen Kick-Start:

http://www.webdevout.net/css-hacks