＆＃34; \ @移动＆＃34;或＆＃34; \ @ desktop＆＃34; CSS中的前缀

Question

＆＃34; \ @ mobile＆＃34;或＆＃34; \ @ desktop＆＃34;在grofers.com中相应的css？示例中，类的前缀是什么意思

Example：

@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 { ... }