html - 在媒体查询中转义 CSS

Question

我有一个只有数字的类，所以我使用了 escaping methods specified by w3这是按预期工作的。

但是，如果我将它包装在媒体查询中，如下所示，它就不起作用...

@media (min-width: 1000px) {
    .\33 47 {
        left: -115px;
    } 
}

有没有办法在媒体查询中使用 CSS 转义？

Answer 1

它工作得很好。你想逃避什么特殊 Angular 色？

.\26 B {
  width: 50px;
  height: 50px;
  background-color: red;
}

@media (min-width: 500px) {
  .\26 B {
    background-color: blue;
  }
} 

<div class="&B"></div>

数字类:

.\31 3 {
  width: 50px;
  height: 50px;
  background-color: #bada55;
}

@media (min-width: 500px) {
  .\31 3 {
    width: 50px;
    height: 50px;
    background-color: purple;
  }
}

<div class="13"></div>

注意:全屏查看代码段