문법상의 문제가 덜

Question

일부 구문 사용법을 이해할 수 없습니다. 나는 기본 PARAMS 간단한 믹스 인이 :

@red: #ff4136; 
@blue: #00aef9; 
@green: #01ff70; 
@yellow: #ffdc00; 

.paint(@color: @yellow, @height:100px, @width:200px) { 
background-color: @color; 
height: @height; 
width: @width; 
} 

    .monster-happy { 
     .paint(@color, 100px, 10px); 
    } 

난 단지 첫번째 변경할 마지막 기본 PARAM을 나는 중간 PARAM을 변경하려면 그나마 뭔가 같은 :

.monster-happy { 
    .paint(@red, @height, 10px); 
} 

그러나 '아무튼 일하지 마라. 어떻게해야 제대로 만들 수 있으며 더 좋은 방법은 무엇입니까?

Answer 1

나는 당신이 기본값을 사용하고자하는 값을 무시할 수 있다고 생각하고, 매개 변수를 추가로 명시 적으로 정의한다.

.monster-happy { 
    .paint(@red, @width: 10px); 
} 

믹스 인이 전달 된 값을 검사하여 전달하는 것이기 때문입니다. 항상 색상을 먼저 예상합니다. 따라서 @red을 사용할 수 있지만 높이를 생략하기 때문에 다음 값이 @width 속성에 대한 것으로 명시해야합니다.