@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:目前该属性尚未有浏览器支持.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,506评论 19 139
  • 译者说 Tornado 4.3于2015年11月6日发布,该版本正式支持Python3.5的async/await...
    TaoBeier阅读 3,169评论 0 10
  • sqlmap用户手册 说明:本文为转载,对原文中一些明显的拼写错误进行修正,并标注对自己有用的信息。 ======...
    wind_飘阅读 2,205评论 0 5
  • 和朋友一起去栖霞山看红叶。好不容易转地铁到了南林门口的汽车站牌,却发现几乎所有人都是打算去栖霞山的。毕竟美丽的东西...
    _songxx阅读 203评论 0 0
  • 小妞在上周里已经明显地进步了,但是怎样让正确的行为巩固下来是这一周要做的。 今天周一,小妞的行为有些松散,我知道这...
    茗香如故阅读 233评论 0 0

友情链接更多精彩内容