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

Esto es del YUI reset css. ¿Qué significa el * antes del tamaño de letra: 100%?¿Qué hace este CSS?

+0

como Marc respondió a continuación se puede prefijar cosas con '*' y '_' para dirigirse a diferentes versiones de IE – Justin

+0

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

Respuesta

12

Esto es un hack de IE. La segunda línea solo se analiza y ejecuta correctamente con IE 7 y versiones posteriores. Consulte http://www.webdevout.net/css-hacks#unrecommended-asterisk_prefix para obtener más información.

Editar: Una observación sobre el uso de tales CSS (no válido!): por favor no. Hay muchas maneras de mantener su CSS limpio de tal desorden. Nunca sabrá qué comportamiento puede traer IE9. Es mejor poner este tipo de hacks en un archivo CSS separado que luego se puede incluir a través del conditional comments.

0

Creo que es un truco para que esa definición solo se aplique a IE 7 o menos mientras que otros navegadores lo ignoran, ya que un asterisco no es un carácter legal antes del nombre de un atributo.

2

Para ser más precisos: IE6/7 doesn't soporte font-size: inherit. Se supone que este hack para lograr la meta de todos modos.

0

Como ya se dijo, esos son hack para dirigirse a navegadores específicos. La sugerencia de Marc es tranquila, y aquí hay un enlace a darle un puntapié inicial:

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

Cuestiones relacionadas