CSS all

Никогда не сталкивался со свойством CSS all. Если вы тоже, давайте разбираться.

Свойство all сбрасывает все свойства выбранного элемента, за исключением свойств направления (direction) и юникода-биди (unicode-bidi), которые управляют направлением текста.

.class { all: unset; }

Это означает, что для сброса стилей в компоненте, иногда гораздо легче начинать с нуля, чем переопределять все что уже есть.

Значения

• initial: Сбрасывает все свойства выбранного элемента до их начальных значений, как определено в спецификации CSS.
• inherit: Выбранный элемент наследует весь стиль его родительского элемента, включая стили, которые обычно не наследуются.
• unset: Выбранный элемент наследует только наследуемые значения, переданные из родительского элемента.

Не наследуются свойства direction и unicode-bidi

Демо

См. Вкладку CSS для просмотра комментариев, которые указывают, какие свойства наследуются. Обратите внимание, что когда используется значение inherit, div наследует каждое свойство от его родителя, включая его ширину, отступы и границу, которые обычно не наследуются

Originally published at blog.hydrock.ru.