Неправильно ли использовать * при сбросе полей / отступов в CSS?

Question

Следует ли избегать следующего или восхвалять за его простоту?

Для справки, я использую его на каждом создаваемом мной сайте, но я заметил, что его нет во многих фреймворках CSS-reset для основного потока & mdash; есть ли причина, по которой они тоже его не используют?

* { margin: 0; padding: 0; }

Answer 1

Лучше НЕ использовать его, поскольку это вызывает проблемы с элементами формы, особенно с кнопками ввода и полями выбора.

См. christianmontoya.com

Answer 2

Универсальный селектор может немного замедлить работу, особенно в некоторых браузерах WAP. Подумайте об этом на секунду: он соответствует каждому элементу в дереве документа.

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

Answer 3

Однажды я провел тестирование производительности между * {margin: 0; padding: 0}, сбросом Эрика Мейера, сбросом YUI и отсутствием CSS вообще. Разница в производительности была незначительной.

Тем не менее, теперь я использую сброс Эрика Мейера, чтобы не терять форматирование на кнопках ввода, что на самом деле облегчает стилизацию кросс-браузера.

Answer 4

То, что вы определенно не хотите делать, это использовать относительные размеры с универсальным селектором. Вещи становятся странными очень быстро, если вы делаете. ; -)

Для хорошей базовой линии я бы порекомендовал испытанную и протестированную таблицу стилей сброса .

Answer 5

Я считаю это важным первым шагом в создании моих макетов CSS. Он устраняет множество проблемных стилей по умолчанию для разных браузеров и позволяет мне получить более независимые от браузера результаты.

Конечно, я соединяю его с условными комментариями IE, чтобы написать div-специфичные для IE-версии версии для всей моей страницы, и использую их для работы с ошибками IE (поскольку FF и др. Имеют тенденцию быть более точными в спецификации CSS).

РЕДАКТИРОВАТЬ - и я никогда не замечал никаких проблем с производительностью с ним.

Answer 6

В этом нет ничего особенно плохого. * упоминается как «универсальный селектор», и поддержка браузера для него, как правило, считается хорошей, хотя IE, как обычно, имеет некоторые неясные ошибки:
http://reference.sitepoint.com/css/universalselector#compatibilitysection

Answer 7

Если вы хотите установить отступы и поля для каждого отдельного элемента, то с этим селектором проблем быть не должно.