1

私の.lessファイルでこのCSSを繰り返す代わりに。次のLESS関数を作成する方法を知っている人はいますか？

li  #prize-1 span {
                background: url('@{imagesUrl}/1.png') no-repeat;
                width: 874px;
                height: 188px;
            }   
li  #prize-2 span {
                background: url('@{imagesUrl}/2.png') no-repeat;
                width: 874px;
                height: 188px;
            }
4

1 に答える 1

0

こんな感じじゃないですか

.definition (@image: nameOfImageDefault) {
  background: url('@{imagesUrl}/@{image}') no-repeat;
  width: 874px;
  height: 188px;
}

li  #prize-1 span {
    .definition(nameOfImage);
        }   
li  #prize-2 span {
    .definition(nameOfImage);
}

私はLESSにあまり詳しくないので、これはうまくいくと思います

編集：

私は彼らのホームページからこの例に従っています

.rounded-corners (@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}

#header {
  .rounded-corners;
}
#footer {
  .rounded-corners(10px);
}

また、どの部分が機能しませんでしたか？背景画像？名前を変数として画像パス全体を取り込もうとするかもしれません

于 2012-06-01T15:37:08.550 に答える