什么是 CSS 中的规则以及用于 [重复] 的“at”是什么

Posted 2023-02-24

【中文标题】什么是 CSS 中的规则以及用于 [重复] 的“at”是什么

【英文标题】：What are at-rules in CSS and what is the "at" used for [duplicate]

【发布时间】：2013-02-24 17:16:46

【问题描述】：

在 CSS 中，at-rules 可以做不同的事情，但是我已经看到在几个关键字中使用了 @ 符号，例如：

@import   
@media   
@keyframes  

和其他人，但我想知道 @ 的实际含义以及它是如何使用或更好的，它如何受益、改变或区别于 CSS 的其余部分。

我已经阅读了W3 section about at-rules，但它并没有解释清楚（我实际上读过它，结果我更加困惑）@ 是什么意思，它是专门用来做什么的。

【问题讨论】：

@ 只是一个标记，就像#：一个任意选择的符号，表示以下是特殊规则的关键字。每条规则都是不同的，几乎没有共同点。

它是浏览器解析器的另一个“指令”。这样做是因为我有这个符号后跟“X”

非常感谢@Kolink 和 Nate 的明确回答。非常感谢。

【参考方案1】：

@charset at-rule 可用于指定外部样式表的字符编码。它必须出现在文件中的任何其他内容之前。

@import at-rule 允许我们将一个样式表导入另一个样式表。所有@import at-rules 必须出现在任何规则之前。

@media at-rule 让我们将规则定位到我们指定的媒体类型。

@page at-rule 可用于指定分页媒体的边距。在打印双面页面时，您可以为左右页面设置不同的边距，也可以为第一页设置不同的边距。

@font-face at-rule 允许我们指定自定义字体。

@namespace CSS3 中的 at-rule 允许我们声明一个 XML 命名空间，以及一个可选的前缀，可以使用该前缀指定该命名空间。

如果我是你，我会查看以下链接。

首先：http://reference.sitepoint.com/css/atrulesref

以及以下内容：

https://developer.mozilla.org/en-US/docs/CSS/At-rule http://css-tricks.com/at-rule-css/

【讨论】：

哇，谢谢，mozilla 和 sitepoint 的链接清除了我对 @ one 的疑问。此外，提出此问题重复的用户是正确的，因为另一个问题的答案给了我关于如何使用 @ 的提示。非常感谢。