在CSS中引用SCSS變量通常涉及到使用預(yù)處理器（如Sass或Less）將SCSS代碼轉(zhuǎn)換為CSS代碼，如果你希望在純CSS環(huán)境中引用SCSS變量，那么你需要手動完成這個工作。

你需要確保你的SCSS變量已經(jīng)被定義并賦值，你可以在你的SCSS文件中定義一個變量，如$color-primary，并給它賦一個顏色值。

在CSS文件中，你可以通過以下方式引用這個變量：

1、直接引用：如果你知道變量的確切名稱和值，你可以直接在CSS中引用它，如果你有一個變量$color-primary，你可以使用color: #ff0000;（假設(shè)這是變量的值）來設(shè)置顏色。

2、使用CSS自定義屬性：CSS自定義屬性（也稱為CSS變量）提供了一種更靈活的方式來引用SCSS變量，你可以在SCSS中定義一個變量，并在CSS中使用var(--color-primary)來引用它，這種方法的好處是，你可以在CSS中使用任何在SCSS中定義的變量，而無需知道它們的確切值。

3、使用CSS預(yù)處理器：如果你正在使用CSS預(yù)處理器（如Sass或Less），你可以直接在CSS代碼中引用SCSS變量，這些預(yù)處理器允許你在CSS中使用變量、混合（mixin）和其他***功能。

直接在純CSS環(huán)境中引用SCSS變量并不是一種常見或推薦的做法，我們會使用預(yù)處理器或構(gòu)建工具（如Webpack或Gulp）來自動化這個過程，確保代碼的可維護性和可擴展性，如果你需要手動引用SCSS變量，上述方法可以幫助你實現(xiàn)這個目標。