5

コードは次のとおりです (test.less):

body {
    padding: 50px;
}

body {
    padding: 20px;
}

なぜCSSにコンパイルした後、私はこれを持っています:

body {
  padding: 50px;
}
body {
  padding: 20px;
}

LESS はbodyクラスをオーバーライドし、CSS ではbodyクラスが 1 つしかないと思っていました。

それを行う方法はありますか？

4

1 に答える 1

3

それに関しては、LessはCSSと何ら変わりはありません。ネストされたブロックを次のように書き換えます。

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

の中へ

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

したがって、LESSでは、CSSの場合と同様に、セレクターを作成する順序が重要であり、競合を特定性で解決できない場合（これがどのように機能するかについてのより読みやすい説明については、 Nicolas Gallagherの投稿を参照してください）、一般的なルールとして-経験則では、最後に表示されるルールが適用されるため、以前のルールが上書きされます。

于 2013-02-26T01:42:03.197 に答える