Сброс стилей в CSS

Опубликовано:: 2013-10-10

Спецификация CSS Cascading and Inheritance Level 3, недавно достигшая статуса CR (Candidate Recommendation), содержит два важных новшества.

Значение unset позволяет сбросить значение CSS-свойства. Для наследуемых свойств (например, font-size) значение unset эквивалентно значению inherit, для ненаследуемых (например, background) — initial.
Стенографическое свойство (!) all позволяет задать значение всем CSS-свойствам, поддерживаемым браузером, без необходимости их явного перечисления.

Их совместное использование в виде объявления all: unset должно позволить легко и изящно достигать эффекта, для которого в настоящее время используются многострочные правила в рамках таблиц стилей класса «reset» (например, reset.css).

Кроме того, это облегчит вставку сторонних виджет-блоков на страницы сайтов, минимизировав влияние собственных стилей сайта на внешний вид виджета. В таких случаях вместо unset может оказаться более подходящим значение initial, отменяющее всю цепочку наследования: например, можно задать для отдельного блока размер шрифта, не зависящий от размера шрифта элемента HTML.

Следует учитывать, что свойство display сбрасывается значениями unset и initial в состояние inline.

Поддержка этих возможностей ожидается уже в Firefox 27, выход которого запланирован на конец января 2014 года. Опробовать новшества прямо сейчас можно с помощью Nightly-сборок Firefox.

Вас также могут заинтересовать заметки «Локальные CSS-классы» и «EdgeHTML 13: initial и unset без all».

Комментарии

Иван 2013-11-14

Про виджеты согласен,
но таблицы стилей класса «reset» ведь делаются *не* для того, чтобы сбросить стили в initial = исходные браузерные, а как раз задать какие-то свои, убрать какие-то различия исходных настроек стилей в разных браузерах. Ну и вообще переопределить дефолтные настройки на такие, от которых тебе удобнее "плясать",
к примеру такое правило:
ol, ul {
list-style: none;
}
(которое я, к слову, терпеть не могу и считаю полным бредом..;)).
Marat Tanalin (автор) 2013-11-14

Иван, насколько я понимаю и насколько подтверждается текущей реализацией в Firefox Nightly, ни unset, ни initial не предназначены для сброса значений CSS-свойств в значение, имеющее место в таблице стилей по умолчанию в конкретном браузере. unset и initial призваны сбрасывать значения единообразно во всех браузерах.

Например, все отступы (margin, padding) обнуляются, маркеры у списков удаляются, все фоны становятся прозрачными, блочные элементы становятся строчными и т. д.

Единственное различие между unset и initial состоит в том, что initial сбрасывает значения наследуемых свойств (например, font-size), унаследованные от родительских элементов, а unset — нет.

Насколько удобным это будет на практике и как повлияет на подходы к вёрстке (предполагаю, что существенно), ещё предстоит узнать после выхода Firefox 27 и других реализаций этой интересной возможности.