css - 如何使用 PostCSS 自动重置？

Question

似乎没有文档，我不太了解Github 页面上的代码示例。

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

以下是什么意思？

.block {
  padding: 1em;
}

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

.block__element {
  margin: 1em;
}

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

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

score 1 · Accepted Answer

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

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

1 回答 1