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.
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; }
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!