CSS 属性值中的波浪号

Question

我发现了一些这样的 CSS：

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

谁能告诉我它是什么以及它有什么作用？

Answer 1

它是什么？

语法错误。

它有什么作用？

破坏您的样式表。

---

正如对您的问题的评论中所述，它可能是 LESS 而不是 CSS。 在 LESS 中，字符串文字前的波浪号按原样输出字符串，因为它可能是纯 LESS 中的语法错误。 \\9是一个 IE 黑客。 见转义。

Answer 2

它可能是一个 LESS 语法。 但是代字号也在 CSS3 中使用。 例如下面的语法：

p ~ ul { background:#ff0; }

将定位在具有相同父元素的 ap 元素之前的 ul 元素：

Answer 3

在 Less 中，这称为“转义” 。

转义允许您使用任何随机字符串作为属性值或变量值。

例如~"value"或~'value'将按原样使用而不进行更改，唯一的例外是插值。

链接到更少的文档： http : //lesscss.org/#escaping