@document的基本用法

@document是一种CSS资源匹配规则

在这个规则下，只有符合匹配规则的页面,才会进行相关样式定义.

主要有4个函数方法:

• url(),匹配整个URL;
• url-prefix(),匹配文档的URL是否以参数制定的值开头;
• domain(),匹配文档的域名是否为参数中指定的域名或者为它的子域名;
• regexp(),匹配文档的url是否和参数中指定的正则表达式匹配,该表达式必须匹配整个url;

其中提供给url(), url-prefix(),和 domain()函数的参数可以不使用引号括起来.但提供给regexp()函数的参数必须用引号括起来.
提供给regexp()函数的正则表达式中的转义字符必须再次进行一次CSS转义.例如,一个点号(.),在正则表达式中匹配任意换行符之外的字母.如果想要匹配一个正真的点号,你必须首先按照正则表达式的规则转义一次 (变为 .), 然后在使用CSS的规则再转义一次(转换为\.).

@document url(http://www.w3.org/),
url-prefix(http://www.w3.org/Style/),
domain(mozilla.org),
regexp("https:.")
{
/* 该条CSS规则会应用在下面的网页:
** URL为"http://www.w3.org/"的页面.
** 任何URL以"http://www.w3.org/Style/"开头的网页
** 任何主机名为"mozilla.org"或者主机名以".mozilla.org"结尾的网页
** 任何URL以"https:"开头的网页
*/
body { color: purple; background: yellow; }
}

PS:目前该属性尚未有浏览器支持.