CSS first-child 被 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() 函数到底在做什么。）