PHP前端开发

css中的@是什么意思

百变鹏仔 3个月前 (09-20) #CSS
文章标签 css
在 css 中,"@" 符号指示指令或规则集的开始。指令提供 css 解释信息,规则集包含对 html 元素进行样式化的规则,而属性值中的 "@" 符号表示变量或函数。

@符号在 CSS 中的含义

在 CSS 中,"@"符号是一个特殊字符,用于以下目的:

1. 指令(Directives)

@"@"符号指示一个 CSS 指令,它提供关于如何解释其他 CSS 规则的信息。最常见的指令是:

立即学习“前端免费学习笔记(深入)”;

2. 规则集(Rulesets)

@"@"符号还可以用于创建规则集,它包含一组规则,用于对 HTML 元素进行样式化。规则集语法如下:

@selector {  property: value;}

例如:

@p {  font-size: 12px;}

这将为 HTML 中的

元素设置 12 像素的字体大小。

3. 属性值

在 CSS 属性值中,@"@"符号有时用于指示一个变量或函数。例如:

color: @primary-color;

这将颜色属性设置为名为 @primary-color 的变量的值。

注意: