Css 编译无网格列的问题

属性“网格列”出现问题

---

Css:

较少编译它在css中为：

.someClass {
   grid-column: 0.25;
}

---

但它的效果很好：

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

---

如何正确使用属性网格列和'/'符号中的Less？

使用Less时，必须转义到“斜杠”：

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

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

试试这个

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

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