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