如何使用 PostCSS 自动重置？

Question

似乎没有文档，我不太理解Github page上的代码示例。

我假设它会自动将重置规则附加到输出 CSS 文件。该文档使用 .block 之类的东西，但没有说明它们的用途。

以下是什么意思？

.block {
  padding: 1em;
}

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

.block__element {
  margin: 1em;
}

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

这只是普通的 CSS 吗？我以前没见过 --modifier。如果它只是常规 CSS 这个插件的目的是什么，因为我可以覆盖常规 CSS 文件中的默认值。我正在努力避免必须这样做。

Answer 1

您所说的语法（-- 或 __）只是一种称为 BEM（块 - 元素 - 修饰符）的 CSS 方法，试图保持 CSS可维护的。它没有更多隐藏的魔法。更多信息：http://getbem.com/

提到的 postcss-autoreset 插件基本上只是将 all: initial; 属性添加到可能已经有一些样式的选择器中。因此，您可以确定没有其他样式与您的 CSS.

冲突

How do I use PostCSS Auto Reset?