At-rule | CSS @ 规则

译自：MDN（Mozilla开发者网络）

At-rule

一、什么是at-rules

eg：@charset "utf-8";

at-rule 是CSS样式声明，以@开头，紧跟着是标识符（charset），最后以分号（;）结尾。

 

二、几个at-rules

1、@charset—定义被样式表使用的字符集

2、@import——告诉CSS引擎包含外部的CSS样式表

3、@namespace——告诉CSS引擎所有的内容都必须考虑使用XML命名空间前缀

4、嵌套at-rules

   （1）@media——条件组规则。如果设备符合标准定义的条件查询则使用该媒体

   （2）@font-face——描述了一个将从外部下载的字体

   （3）@keyframes——描述了中间步骤在CSS动画的序列

   （4）@page——描述了文件的布局变化，当要打印文档时。

   （5）@supports——条件组规则，如果浏览器满足给出的规则，则把它应用到内容中

   （6）@document——条件组规则，如果被用到文档的CSS样式表满足了给定的标准，那么将被应用到所有的内容中。