在 CSS 中,"@" 符号指示指令或规则集的开始。指令提供 CSS 解释信息,规则集包含对 HTML 元素进行样式化的规则,而属性值中的 "@" 符号表示变量或函数。

@符号在 CSS 中的含义
在 CSS 中,"@"符号是一个特殊字符,用于以下目的:
1. 指令(Directives)
@"@"符号指示一个 CSS 指令,它提供关于如何解释其他 CSS 规则的信息。最常见的指令是:
立即学习“前端免费学习笔记(深入)”;
-
@charset:指定文本文件的字符编码。 -
@import:导入另一个 CSS 文件。 -
@media:根据设备或媒体类型应用不同的样式。
2. 规则集(Rulesets)
@"@"符号还可以用于创建规则集,它包含一组规则,用于对 HTML 元素进行样式化。规则集语法如下:
自从百度屏蔽淘宝客网站、淘宝抛弃淘宝客之后,个人站长集体陷入了恐慌之中。此时,什么值得买网的异军突起引起了广大个人站长的极大关注。做一个什么值得买一样的导购网站成了众多个人站长的一致心愿! TP-COUPON 导购系统 即是让个人站长实现此心愿的绝佳选择! 欢迎个人站长选用。V1.1版 更新记录:1.修正请求时查询淘宝店铺错误的bug2.删除一些无用的代码
@selector {
property: value;
}例如:
@p {
font-size: 12px;
}这将为 HTML 中的 元素设置 12 像素的字体大小。
3. 属性值
在 CSS 属性值中,@"@"符号有时用于指示一个变量或函数。例如:
color: @primary-color;
这将颜色属性设置为名为 @primary-color 的变量的值。
注意:
- CSS 中的 "@"符号对于正确解釈样式表至關重要。
- 它必須放在每條指令或規則集行開頭。
- 如果不正確使用 "@",CSS 解析器將無法理解代碼並可能導致樣式錯誤。









