我有以下 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; }