CSS | @文档规则

CSS @document 规则用于维护一个页面或一组页面中的样式限制。此规则为特定 URL 设置样式，假设用户在页面上包含 10 个 URL 并希望为每个 URL 设置不同的样式，那么此规则可能是王牌。 @document规则为每个 URL 页面定义的样式规则与您定义的不同。

句法：

@document url("") {
    // Style your defined URLs page
}

职能：

• url()：此函数保存样式适用的 URL。
• url-prefix()：该函数可以保存多个 URL，其中单个样式适用于多个页面。
• domain()：该函数保存域名，无论具有此属性的样式都适用于该域下的所有 URL。
• regexp()：该函数使用正则表达式保存文档。

下面的例子说明了@Document规则：

示例 1：本示例中定义的样式将适用于提到的 URL、域和正则表达式。

支持的浏览器： CSS @document 规则属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 萨弗里
• 歌剧