编译grid-column的问题少了

Question

属性' grid-column '出现问题

---

CSS:

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

少编译它在css中:

.someClass {
   grid-column: 0.25;
}

---

但它运作良好:

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

---

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

Answer 1

使用LESS时你必须逃避"斜线":

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

但是如果你能够通过分解css属性来绕过"Slash"而不是它(我个人觉得它更好的方式)

Answer 2

尝试这个

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