1

私は次の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; }
4

1 に答える 1

1

0は有効な色の値ではありません。おそらくあなたは意味しましたtransparentか？

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

(境界線を実際に無効にするには、境界線の幅をゼロにするか、境界線のスタイルを設定する必要がありますが、関数がnone正確に何をしているのかを理解するのは困難です。).bordered()

于 2012-10-17T10:56:48.350 に答える