CSS를 사용하여 덮어 쓰기 LESS

Question

나는 다음과 같은 CSS.less

header.section-header ul { 
width: 100%; 
list-style-type: none; 
li { 
    display: inline-block; 
    padding-right: 10px; 
    .bordered(0,0,0,@compcolor); 
    margin-right: 10px; 
    .font-size(12); 
    color: @compcolor; 
} 
li:first-child { 
    .bordered(0,0,0,0); 
} 
} 

이 간단한 수평 목록을 가지고있다. 첫 번째 항목에서 경계를 해제하고 싶지만 FF 또는 Chrome에서는 표시하지 않습니다. 항목이 나타나지만 특이성이 없습니다. 어떤 아이디어?

편집 : 믹스 인은

//.bordered(COLOR, COLOR, COLOR, COLOR); 

.bordered(@top-color: @bordercolor, @right-color: @bordercolor, @bottom-color:  @bordercolor, @left-color: @bordercolor) { 
border-top : solid 1px @top-color; 
border-left : solid 1px @left-color; 
border-right : solid 1px @right-color; 
border-bottom : solid 1px @bottom-color; } 

Answer 1

0 유효한 색상 값이 아닙니다입니다. 아마도 transparent을 의미할까요?

li:first-child { 
    .bordered(0,0,0,transparent); 
} 

는 (당신은 제로 테두리 너비 또는 실제로 국경을 해제하기 위해 none의 테두리 스타일을 가지고 있어야하지만, 정확히 .bordered() 기능이 수행되고 있는지 확인하기 어렵다.)의