CSS @規則函式

CSS at-rule 函式是 at-rule 語句,代表複雜規則,或者可以呼叫特殊資料處理或計算。

語法

css
@identifier function([argument]? [, argument]!) {
}

語法以 at 符號 @ 和 at-rule 識別符號開頭,例如 import。之後是 **at-rule 函式的名稱**,例如 url,後跟一對開括號和閉括號。括號內指定一個或多個引數。

一些 at-rule 函式可以接受多個引數,這些引數的格式類似於 CSS 屬性值。括號內允許使用空格,但可選。多個引數可以使用逗號或空格分隔。

@import 函式

The @import at-rule 用於從其他樣式表匯入樣式。

@import url()

從指定 URL 匯入樣式表文件。

@import src()

從指定源匯入樣式表文件。

@import supports()

根據瀏覽器支援匯入樣式表文件。

@import layer()

將樣式表文件匯入指定的級聯層。

@supports 函式

The @supports at-rule 檢查瀏覽器是否支援指定的 CSS 功能,然後應用 CSS 樣式。

@supports selector()

在檢查瀏覽器是否支援指定的選擇器語法後應用 CSS 規則。

@supports font-tech()

在檢查瀏覽器是否支援指定的字型技術後應用 CSS 規則。

@supports font-format()

在檢查瀏覽器是否支援指定的字型格式後應用 CSS 規則。

@namespace 函式

The @namespace at-rule 用於指定要在 CSS 樣式表中使用的 XML 名稱空間。

@namespace url()

從指定的 URL 定義 XML 名稱空間。

@namespace src()

從指定的源定義 XML 名稱空間。

@container 函式

The @container at-rule 用於為包含上下文指定樣式。

@container style()

定義包含上下文樣式。