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

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

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

来源

2016-08-03 18:35:23 MattDiMu

啊我明白了。所以它只会将'all：initial;'添加到您设计的元素中？我很困惑，因为我正在一个文档中加载一个空的样式表，并注意到没有重新设置。但是，当我做'h1 {color：red; }它重置它。 – BugHunterUK

是的，就是这样。如果您的问题得到解答，请随时关闭它/标记为已回答。 – MattDiMu

如何使用PostCSS自动重置？

回答

相关问题