Dlaczego LESS nie zastępuje właściwości zadeklarowanej w dwóch selektorach?

Question

Oto kod (test.less):

body { 
    padding: 50px; 
} 

body { 
    padding: 20px; 
} 

Dlaczego po kompilacji CSS mam to:

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

Myślałem, że mniej by przesłonić ciało klasę CSS I” d mieć tylko jedną klasę body.

Czy jest sposób na zrobienie tego?

Answer 1

Mniej nie różni się od CSS, jeśli chodzi o to. Co ona robi to przepisać zagnieżdżone bloki jak

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

do

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

Stąd w mniej, podobnie jak w CSS, kolejność, w której piszesz selektorów ma znaczenia, a jeśli konflikty mogą” t być rozwiązane przez specificity (patrz: Nicolas Gallagher's post dla bardziej czytelnego wyjaśnienia, jak to działa), jako ogólna zasada, reguła pojawiająca się jako ostatnia zostanie zastosowana, tym samym przesłaniając wcześniejsze.