Как использовать автоматический сброс PostCSS?

Кажется, нет документации, и я не совсем понимаю примеры кода на Github page.Как использовать автоматический сброс PostCSS?

Я предположил, что он автоматически добавит правила сброса в выходной файл CSS. Документация использует такие вещи, как .block, но не говорит, для чего они используются.

Что означает следующее?

.block { 
    padding: 1em; 
} 

.block:hover { 
    background-color: red; 
} 

.block__element { 
    margin: 1em; 
} 

.block--modifier { 
    border: 1em; 
}

Это просто правильный CSS? Я раньше не видел --modifier. Если это просто обычный CSS, то какой смысл в этом плагине, потому что я могу переопределить значения по умолчанию в обычном файле CSS. Я стараюсь не делать этого.

источник

2016-08-03 BugHunterUK

Синтаксис, о котором вы говорите (-- или __) - это всего лишь методология CSS, называемая BEM (Block - Element - Modifier), которая помогает сохранить CSS. В этом нет более скрытой магии. Дополнительная информация: http://getbem.com/

Подключенный плагин postcss-autoreset в основном просто добавляет свойство all: initial; к селекторам, которые могут уже иметь некоторые стили. Поэтому вы можете быть уверены в отсутствии других стилей, противоречащих вашему CSS.

источник

2016-08-03 18:35:23 MattDiMu

А я понимаю. Таким образом, он добавляет только «all: initial;» к элементам, которые вы создаете? Я был сбит с толку, потому что я загружал пустую таблицу стилей в документе и не заметил, что ничего не было сброшено. Но когда я сделал 'h1 {color: red; } 'он сбросит его. – BugHunterUK

Да, вот и все. Если на ваш вопрос ответили, не стесняйтесь закрыть его/отметьте как ответ. – MattDiMu

Как использовать автоматический сброс PostCSS?

ответ

Смежные вопросы