Tại sao LESS không ghi đè thuộc tính được khai báo trong cùng một bộ chọn?

Question

Đây là một mã (test.less):

body { 
    padding: 50px; 
} 

body { 
    padding: 20px; 
} 

Tại sao sau khi biên dịch để CSS Tôi có điều này:

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

Tôi nghĩ rằng LESS sẽ ghi đè lên cơ thể lớp và trong CSS tôi d chỉ có một lớp body.

Có cách nào để làm điều đó không?

Answer 1

Ít không hoạt động với CSS khi nói đến điều đó. Những gì nó làm là viết lại khối lồng nhau như

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

vào

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

Do đó trong LESS, giống như trong CSS, thứ tự mà bạn viết selectors của bạn không thành vấn đề, và nếu cuộc xung đột có thể' t được giải quyết bởi specificity (xem Nicolas Gallagher's post để có giải thích dễ đọc hơn về cách thức hoạt động), như quy tắc chung, quy tắc xuất hiện cuối cùng sẽ được áp dụng, do đó sẽ ghi đè các quy tắc trước đó.