如何使用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自動重置？

回答

相關問題