Что делает этот CSS? - PullRequest
Новая
       11

Что делает этот CSS?

5 голосов
/ 04 июня 2010 
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}

Это из css сброса YUI. Что делает * before font-size: 100%?

Ответы [ 4 ]

12 голосов
/ 04 июня 2010

Это взлом IE. Вторая строка корректно анализируется и выполняется только IE 7 и ниже. См. http://www.webdevout.net/css-hacks#unrecommended-asterisk_prefix для получения дополнительной информации.

Редактировать: Одно замечание по поводу использования такого (недействительного!) CSS: , пожалуйста, не . Есть много способов сохранить ваш CSS в чистоте от такого беспорядка. Вы никогда не узнаете, какое поведение может принести IE9. Лучше поместить эти виды хаков в отдельный файл CSS, который затем может быть включен через условные комментарии .

2 голосов
/ 04 июня 2010

Если быть более точным: IE6 / 7 не поддерживает font-size: inherit. Этот хак все равно должен достичь цели.

0 голосов
/ 04 июня 2010

Как уже говорилось, это взлом для конкретных браузеров. Предложение Марка совершенно верно, и вот ссылка, с которой можно начать:

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

0 голосов
/ 04 июня 2010

Я думаю, что взломать это определение применимо только к IE 7 или менее, в то время как другие браузеры игнорируют его, поскольку звездочка не является допустимым символом перед именем атрибута.

...