如何在LESS中转义媒体查询中的反斜杠?

时间:2016-01-05 12:17:15

标签: css less media-queries backslash

我有一些问题 在LESS 中逃避反斜杠。这是我的代码:

position=position-1

任何建议都将不胜感激。

非常感谢。

2 个答案:

答案 0 :(得分:2)

@min-width: ~"screen and (min-width: 0\0)";

@media @min-width {
    .box {
        width: 100%;
    }
}

输出到:

@media screen and (min-width: 0\0) {
  .box {
    width: 100%;
  }
}

修改

要转义字符串,请使用'〜',如下所示:

@media screen and (min-width: ~"0\0") {
    .box {
        width: 100%;
     }
}

答案 1 :(得分:2)

From LESS's documentation:

  

字符串函数

     

ë

     
    

CSS转义,替换为~"value"语法。

  
     

它希望字符串作为参数并按原样返回其内容,但不带引号。它可用于输出CSS值,该值不是有效的CSS语法,或者使用Less无法识别的专有语法。

可以使用如下:

@media screen and (min-width: ~'0\0') { ... }

这也可以作为一个函数调用(使用e(...),文档中没有提到):

@media screen and (min-width: e('0\0')) { ... }