为什么LESS不';是否覆盖在两个相同选择器中声明的属性?

为什么LESS不';是否覆盖在两个相同选择器中声明的属性?,less,Less,下面是一个代码(test.less): 为什么编译成CSS后我会有这样的问题: body { padding: 50px; } body { padding: 20px; } 我认为LESS会覆盖body类,而在CSS中我只有一个body类 有没有办法做到这一点呢?Less在这方面与CSS没有任何不同。它所做的是重写嵌套块,如 body { padding: 50px; h1 { color: blue; } } 进入 因此,在LESS中,就像在CSS中一样,您编

下面是一个代码(test.less):

为什么编译成CSS后我会有这样的问题:

body {
  padding: 50px;
}
body {
  padding: 20px;
}
我认为LESS会覆盖body类,而在CSS中我只有一个body类


有没有办法做到这一点呢?

Less在这方面与CSS没有任何不同。它所做的是重写嵌套块,如

body {
  padding: 50px;
  h1 {
    color: blue;
  }
}
进入


因此,在LESS中,就像在CSS中一样,您编写选择器的顺序确实很重要,如果冲突无法通过(请参阅更具可读性的解释)解决,作为一般经验法则,将应用出现在最后的规则,从而覆盖前面的规则。

我已经从另一个问题中得到了答案,但无论如何,谢谢你!“WasimAbu Nassar”的另一个答案是什么?RubensMariuzzo为我迟来的回答感到抱歉。我已经忘记了其他答案,但很简单:我的问题中的代码是正确的,这是扩展CSS类和变量的正确方法,所以如果您想要自定义类变量,您应该编写新的类并覆盖变量。
body {
  padding: 50px;
  h1 {
    color: blue;
  }
}
body {
  padding: 50px;
}
body h1 {
  color: blue;
}