小程序是一種輕量級的應用程序，它可以快速地進行開發和部署。而在小程序中，我們常常需要引用其他頁面的CSS樣式。這樣可以減少代碼冗余，提高代碼復用性。下面我們就來看看在小程序中如何引用其他頁面的CSS。

在小程序中，我們可以使用<import />標簽來引入其他頁面的WXML模板和JS代碼。同樣地，我們也可以使用<import />標簽來引入其他頁面的CSS文件。

<!-- 在小程序的樣式文件中引入其他頁面的樣式 -->
<import src="../other-page/other-page.wxss" />

上面的代碼中，我們在當前頁面的WXSS樣式文件中引入了../other-page/other-page.wxss文件。這樣，在編譯時，這個文件中的所有樣式代碼就會被合并到當前頁面的樣式文件中。

需要注意的是，引入其他頁面的樣式可能會影響到當前頁面的樣式。如果發現樣式出現了問題，可以使用！important關鍵字來覆蓋其他頁面的樣式。

/* 在當前頁面的樣式文件中覆蓋其他頁面的樣式 */
.example {
color: red !important;
}

上面的代碼中，我們使用了！important關鍵字來覆蓋其他頁面中相同選擇器的樣式。這樣，就可以保證當前頁面的樣式正確地顯示。

在小程序中引用其他頁面的CSS是一種非常實用的技巧。它可以減少代碼冗余，提高代碼復用性。希望本文能對您有所幫助。