共用方式為


@import

匯入外部樣式表。

語法

@import [url] (sUrl );

可能的值

sUrl

指定參照其他階層式樣式表之 URL 的字串。

備註

此規則沒有預設值。

語法中的分號是必要的;如果省略,將無法正確匯入樣式表,而且會產生錯誤訊息。url() 參數是選用的,因為在 @import 之後一定會有一個 URL。

@import 規則與 link 元素一樣,會將外部樣式表連結到文件。這可協助網站作者針對多個 HTML 網頁建立一致的外觀。link 元素會使用其 href 屬性來指定要匯入的樣式表名稱,而 @import 規則則會在 link 元素或 style 元素內指定樣式表定義。

@import 規則應該放置在樣式表頂端,在任何宣告之前。雖然 @import 規則陳述式可以出現在樣式表定義的任何位置,但在 @import 規則樣式表中包含的規則會在針對所含樣式表定義的任何其他規則之前,套用到文件。此規則順序會影響預期的呈現方式。

樣式表中包含 @import 規則的樣式表中的規則會覆寫所匯入之樣式表中的規則。

範例

下列範例使用 @import 規則來匯入樣式表。若要使範例可以運作,您必須將範例程式碼中的 URL 取代為樣式表的位址:

<style type="text/css">
    @import url("URL");
    p {color:blue}
</style>

下列範例沒有 url(),但效果與上述範例有相同:

<style type="text/css">
    @import "URL";
    p {color:blue}
</style>

標準資訊

此規則是在階層式樣式表 (CSS) 層級 1 (CSS1) (英文) 中定義。