Tilde dans la valeur de l'attribut CSS

Question

J'ai trouvé du CSS comme ceci :

margin-top: ~"-2px\9";

Quelqu'un peut-il me dire ce que c'est et ce que cela fait ?

Answer 1

Qu'est-ce que c'est?

Une erreur de syntaxe.

Que fait-il?

Casse votre feuille de style.

---

Comme mentionné dans les commentaires sur votre question, il peut s'agir de LESS au lieu de CSS. En LESS, un tilde avant une chaîne littérale produit la chaîne telle quelle, car cela peut être une erreur de syntaxe dans le pur LESS. \9 est un hack IE. Voir Echappement.

Answer 2

Il peut s'agir d'une syntaxe LESS. Mais le caractère tilde est également utilisé en CSS3. Par exemple la syntaxe suivante :

p ~ ul { background:#ff0; }

ciblera les éléments ul qui sont précédés par un élément p ayant le même parent :

Answer 3

En Less, ceci est appelé "Échapper".

Échapper vous permet d'utiliser n'importe quelle chaîne aléatoire comme valeur de propriété ou valeur de variable.

Par exemple ~"valeur" ou ~'valeur' sera utilisé tel quel sans que des modifications ne soient apportées, seule exception est l'interpolation.

Lien vers la documentation Less : http://lesscss.org/#escaping