CSS 可以通過 @import 關鍵字來導入其他的樣式表，從而使得 CSS 的樣式更加容易管理和維護。下面就讓我們詳細了解一下導入其他樣式表。 首先，我們需要在主樣式表中使用 `@import` 關鍵字引入需要導入的樣式表。比如下面的代碼片段中，我們引入了一個名為 `common.css` 的樣式表： ```css /* 主樣式表 main.css */ @import url("common.css"); ``` 在 `@import` 聲明中，我們需要指定要引入的樣式表的路徑。上面的代碼中，我們使用了 `url()` 函數來指定了要引入的樣式表的路徑。一般來說，路徑可以是相對路徑或者絕對路徑。 接下來，讓我們來看一下 `common.css` 這個樣式表的內容。通常，這個樣式表中會包含一些共用的樣式規則，比如這個樣例中包含了兩個類 `.info` 和 `.warning`： ```css /* 共用樣式表 common.css */ .info { background-color: #eee; } .warning { background-color: #fdd; } ``` 現在，我們的主樣式表 `main.css` 中已經成功引入了 `common.css`，所以我們可以在 `main.css` 中使用這些共用的樣式規則了，例如： ```css /* 主樣式表 main.css */ @import url("common.css"); /* 使用共用樣式規則 */ .header { /* 使用.info類的樣式規則 */ @extend .info; } .message { /* 使用.warning類的樣式規則 */ @extend .warning; } ``` 在上面的代碼中，我們使用了 Sass 的 `@extend` 指令來繼承共用樣式表中的 `.info` 和 `.warning` 類的樣式規則。當然，即使不使用 Sass，我們也可以直接在 `main.css` 中使用這些共用樣式規則。 總之，通過 `@import` 關鍵字，我們得以把共用的樣式規則放在一個單獨的樣式表中，讓不同的樣式表互相引用，從而使我們的 CSS 代碼更加整潔、簡潔易維護。