Was bedeutet @ in CSS?

In CSS zeigt das „@“-Symbol den Anfang einer Direktive oder eines Regelsatzes an. Direktiven stellen CSS-Interpretationsinformationen bereit, Regelsätze enthalten Regeln für die Gestaltung von HTML-Elementen und das „@“-Symbol in einem Attributwert stellt eine Variable oder Funktion dar.

Die Bedeutung des @-Symbols in CSS

In CSS ist das „@“-Symbol ein Sonderzeichen, das für folgende Zwecke verwendet wird:

1. Anweisungen

@Das „@“-Symbol gibt an eine CSS-Direktive, die Informationen zur Interpretation anderer CSS-Regeln bereitstellt. Die gebräuchlichsten Anweisungen sind:

• @charset: Geben Sie die Zeichenkodierung der Textdatei an. @charset：指定文本文件的字符编码。
• @import：导入另一个 CSS 文件。
• @media：根据设备或媒体类型应用不同的样式。

2. 规则集（Rulesets）

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

<code>@selector {
  property: value;
}</code>

例如：

<code>@p {
  font-size: 12px;
}</code>

这将为 HTML 中的 <p> 元素设置 12 像素的字体大小。

3. 属性值

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

<code>color: @primary-color;</code>

这将颜色属性设置为名为 @primary-color

@import: Importieren Sie eine andere CSS-Datei.

@media: Wenden Sie je nach Gerät oder Medientyp unterschiedliche Stile an.

• 2. Regelsätze
• @Das „@“-Symbol kann auch zum Erstellen eines Regelsatzes verwendet werden, der eine Reihe von Regeln für die Gestaltung von HTML-Elementen enthält. Die Regelsatzsyntax lautet wie folgt:
• rrreee
Zum Beispiel:

rrreee🎜Dadurch wird eine Schriftgröße von 12 Pixeln für das <p>-Element in HTML festgelegt. 🎜🎜🎜3. Eigenschaftswerte 🎜🎜🎜In CSS-Eigenschaftswerten wird manchmal das @"@"-Symbol verwendet, um eine Variable oder Funktion anzuzeigen. Beispiel: 🎜rrreee🎜Dies setzt die Farbeigenschaft auf den Wert einer Variablen mit dem Namen @primary-color. 🎜🎜🎜Hinweis: 🎜🎜🎜🎜Das „@“-Symbol in CSS ist entscheidend für die korrekte Interpretation von Stylesheets. 🎜🎜Es muss am Anfang jeder Direktiven- oder Regelsatzzeile platziert werden. 🎜🎜Wenn „@“ falsch verwendet wird, versteht der CSS-Parser den Code nicht und kann zu Stilfehlern führen. 🎜🎜

Das obige ist der detaillierte Inhalt vonWas bedeutet @ in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!