CSS 내부에서 변수를 적게 사용하기`& : nth-child (3n)`

Question

Less, Gulp 및 Webpack을 사용하고 있습니다. 내 .less 파일에 변수가 :

@rows: 3; 

지금 내가 여기를 사용하려면 :

&:nth-child(@rows n) { 
    margin-right: 0; 
} 

그러나 꿀꺽 나누기. 여기서 변수를 더 적게 사용하는 방법이 있습니까?

감사합니다.

Answer 1

나는 나 자신을 덜 사용하지는 않지만, 나는 잘못하고 있다고 생각합니다.

당신이 출력

.myClass:nth-child(3 n){}; 

당신이 출력 .myClass:nth-child(3n){};하려는 경우 작성해야하는 것, 쓴 내용

:

.myClass:nth-child(@{row}n) { 
    margin-right: 0; 
} 

이 방법, 당신의 변수는 n 바로 옆에있을 것입니다.