html - 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 中，这被称为"Escaping"。

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

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

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