Que signifie @ en CSS ?

<p>En CSS, le symbole "@" indique le début d'une directive ou d'un ensemble de règles. Les directives fournissent des informations d'interprétation CSS, les ensembles de règles contiennent des règles de style des éléments HTML et le symbole « @ » dans une valeur d'attribut représente une variable ou une fonction.

<p>

<p>La signification du symbole @ en CSS

<p>En CSS, le symbole "@" est un caractère spécial utilisé aux fins suivantes :

<p>1 Directives

<p>@ Le symbole "@" indique. une directive CSS qui fournit des informations sur la façon d'interpréter d'autres règles CSS. Les instructions les plus courantes sont :

• @charset : Spécifiez l'encodage des caractères du fichier texte. @charset：指定文本文件的字符编码。
• @import：导入另一个 CSS 文件。
• @media：根据设备或媒体类型应用不同的样式。

<p>2. 规则集（Rulesets）

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

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

<p>例如：

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

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

<p>3. 属性值

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

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

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

@import : Importez un autre fichier CSS. <p>@media : appliquez différents styles en fonction de l'appareil ou du type de média.

• 2. Ensembles de règles
• @Le symbole "@" peut également être utilisé pour créer un ensemble de règles, qui contient un ensemble de règles pour styliser les éléments HTML. La syntaxe de l'ensemble de règles est la suivante :
• rrreee
Par exemple :

rrreee🎜Cela définira une taille de police de 12 pixels pour l'élément <p> en HTML. 🎜🎜🎜3. Valeurs de propriété 🎜🎜🎜Dans les valeurs de propriété CSS, le symbole @"@" est parfois utilisé pour indiquer une variable ou une fonction. Par exemple : 🎜rrreee🎜Cela définit la propriété color sur la valeur d'une variable nommée @primary-color. 🎜🎜🎜Remarque : 🎜🎜🎜🎜Le symbole "@" en CSS est crucial pour une interprétation correcte des feuilles de style. 🎜🎜Il doit être placé au début de chaque ligne de directive ou de règlement. 🎜🎜Si "@" est utilisé incorrectement, l'analyseur CSS ne comprendra pas le code et peut provoquer des erreurs de style. 🎜🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!