编译grid-column的问题少了

Question

财产问题＆＃39; 网格列＆＃39;

的CSS：

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

少用css编译它：

.someClass {
   grid-column: 0.25;
}

但它运作良好：

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

如何正确使用属性网格列与Less中的＆＃39; /＆＃39; 符号？

Answer 1

你必须逃避＆＃34;斜线＆＃34;使用LESS时：

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

但如果你有能力绕过＆＃34; Slash＆＃34;通过分解css属性而不是它（我个人觉得它更好的方式）

Answer 2

尝试

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