编译grid-column less存在问题

Question

25

属性 'grid-column' 出现问题。

Css：

.someClass {
   grid-column: 1 / 4;
}

Less编译后的CSS:

.someClass {
   grid-column: 0.25;
}

但它运行良好：

.someClass {
   grid-column-start: 1;
   grid-column-end: 4;
}

如何在 Less 中正确使用带有 '/' 符号的 grid-column 属性？

- Valentin

2个回答

27

试试这个

.someClass {
  grid-column: ~"1/4";
}

- diEcho

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Marouen Mhiri · Accepted Answer

当使用LESS时，必须转义“斜杠”：

你需要在使用LESS时对“斜杠”进行转义：

.somClass {
    grid-column: 1 e("/") 4;
}

但是如果您有能力通过分解CSS属性来绕过“Slash”（斜杠），那么请这样做（我个人认为这是一种更好的方法）。您还可以使用“~”符号来转义表达式，例如~"1/4"。