如何使用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冲突。