Voici quelques options de titre, combinant le format des questions avec l'accent mis par l'article sur LESS et les esperluettes : * Pourquoi est-ce que je vois une esperluette (&) dans les sélecteurs de pseudo-éléments MOINS ? * Qu'est-ce que l'ampère

Esperluette (&) dans les sélecteurs de pseudo-éléments CSS

En CSS, vous pouvez rencontrer une esperluette (&) placée avant un sélecteur de pseudo-éléments. Cette utilisation ne fait pas partie du CSS standard mais est couramment observée dans les langages de prétraitement comme LESS.

Syntaxe LESS

Dans LESS, l'esperluette sert d'opérateur d'imbrication, vous permettant de sélectionner davantage d'éléments imbriqués. de manière concise. Il représente le sélecteur parent et peut être utilisé pour enchaîner plusieurs sélecteurs.

Considérez cette syntaxe LESS :

.clearfix {
  &:before,
  &:after {
    display: table;
    content: "";
  }
  &:after {
    clear: both;
  }
}

Ici, les esperluettes avant :before et :after indiquent que ces pseudo-éléments sont imbriqués dans .clearfix. Cette syntaxe sera compilée vers le CSS suivant :

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

Exemple

Par exemple, le code LESS suivant :

.example {
  &:hover {
    color: red;
  }
}

Se compilera en :

.example:hover {
  color: red;
}

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!