CSS 中的“\\@mobile”或“\\@desktop”前綴

Question

在相應的 css 中，類的“@mobile”或“@desktop”前綴是什么意思？

示例：

@media screen and (min-width:1260px) {
  .container\@desktop: after {
    content: "";
    display: table;
    clear: both
  }
}

Answer 1

由於@是 CSS 的特殊字符（ @media ， @import ...），如果您想在選擇器中使用它，則使用如下元素：

<div class="gr-6@tablet gr-6@desktop"> ... </div>

你必須用反斜杠\\轉義@ ，所以它被解釋為一個常規字符：

.gr-6\@desktop { ... }