在CSS中引用外部變量，通常需要使用CSS預(yù)處理器來實(shí)現(xiàn)，CSS預(yù)處理器是一種將CSS代碼轉(zhuǎn)換為瀏覽器可識別的CSS代碼的工具，***流行的CSS預(yù)處理器是Sass（Syntactically Awesome Stylesheets）。

下面是如何在CSS中使用Sass引用外部變量的示例：

1、你需要在你的項(xiàng)目中安裝Sass，你可以使用npm（Node Package Manager）來安裝它，在你的命令行中運(yùn)行以下命令：

npm install sass

2、創(chuàng)建一個(gè)Sass文件，在這個(gè)文件中，你可以定義你的CSS規(guī)則和變量，你可以創(chuàng)建一個(gè)名為style.scss的文件。

3、在你的Sass文件中，你可以使用@import指令來引用其他Sass文件，你可以創(chuàng)建一個(gè)名為variables.scss的文件，并在其中定義一些變量，在你的style.scss文件中使用@import指令來引用它：

@import 'variables';

4、你可以在style.scss文件中使用在variables.scss文件中定義的變量了，如果你定義了一個(gè)名為$color的變量，并給它賦了一個(gè)顏色值，那么你可以在style.scss文件中使用它：

body {
  background-color: $color;
}

5、你需要使用Sass編譯器將你的Sass文件轉(zhuǎn)換為瀏覽器可識別的CSS代碼，你可以使用以下命令來編譯你的Sass文件：

sass style.scss style.css

這個(gè)命令會(huì)將你的style.scss文件編譯為名為style.css的CSS文件，你可以將這個(gè)CSS文件引用到你的HTML文件中。

雖然Sass是一種非常流行的CSS預(yù)處理器，但它并不是***的選擇，其他預(yù)處理器，如Less和Stylus等，也提供了類似的功能，你可以根據(jù)自己的需求和喜好選擇適合你的預(yù)處理器。