如何覆蓋Basscss中的樣式：root

Question

我只是使用Basscss設置我的第一個靜態網站。至於建議，我不想用我自己的類或ID來覆蓋樣式，而是change the default ones using the :root element：

使用--button色和 --button背景色自定義屬性調整默認顏色。

但是當我現在想

:root { 
    --button-color: red; 
    --button-background-color: black; 
} 

添加了一些我自己的外部樣式表或index.html的連頭，基本上什麼都不會發生。我在這裏錯過了什麼以改變元素的顏色：root？

已經提前致謝！

乾杯， 添

Answer 1

herbigt，聽起來像是你缺少一個處理器（如cssnext或postcss）這Basscss假設，以處理自定義變量。這兩種處理器都是npm模塊，您可以通過相應地配置項目的package.json文件來將它們納入您的開發過程。

我建議您結帳Bassplate瞭解如何自定義Basscss。

Bassplate是定製Basscss的官方樣板。除了Basscss庫之外，它提供的主要資源是一個配置文件，用於設置Basscss開發環境，包括構建工具和構建命令。

構建工具

1. http-server（用於您的項目localhost:8080所以你可以看到你在瀏覽器中工作），
2. watch（它可以監視文件更改和重建的時候改變你的CSS製作）和
3. cssnext（它處理@imports和其他類似CSS4的內容在Basscss文件中）

以上三種工具列在Bassplate的package.json的the devDependencies section中。

構建命令

Bassplate的package.json文件提供的命令腳本，告訴上面的3把刀具做什麼。您可以在package.json文件的the scripts section下找到這些命令。

---

Basscss是展望未來CSS4規範，希望能自定義變量多，即：

:root { 
    --button-color: red; 
} 

雖然CSS4還沒有一個標準的，像postcss工具和cssnext讓我們實現CSS4語法。您可以在Basscss文檔部分Future CSS Syntax中閱讀此內容。