@-规则(At-rules)

• @-规则(At-rules)在CSS中被用来传递元数据、条件信息或其它描述性信息。它由（@）符号开始，紧跟着一个表明它是哪种规则的描述符，之后是这种规则的语法块，并最终由一个半角分号（;）结束。每种由描述符定义的@-规则，都有其特有的内部语法和语义。一些例子如下：
  • @charset 和 @import （元数据）
  • @media 或 @document （条件信息，又被称为嵌套语句，见下方。)
  • @font-face （描述性信息）
  具体语法示例：

@import 'custom.css';

该@-规则向当前 CSS 导入其它 CSS 文件

嵌套语句

 是@-规则中的一种，它的语法是 CSS 规则的嵌套块，只有在特定条件匹配时才会应用到文档上。特定条件如下：
• @media 只有在运行浏览器的设备匹配其表达条件时才会应用该@-规则的内容；
• @supports 只有浏览器确实支持被测功能时才会应用该@-规则的内容；
• @document 只有当前页面匹配一些条件时才会应用该@-规则的内容。
具体语法示例

@media (min-width: 801px) {
  body {
    margin: 0 auto;
    width: 800px;
  }
}

　　

上述的嵌套语句只有在页面宽度超过801像素时才会应用。

你将会在本门课程的适当位置学习@-规则/嵌套语句的其他一些类型。

重要：任何不是规则集或@-规则或嵌套语句的 CSS 语句都是无效的，并会因此被忽略。