0

私はあまりhtml学んでいません。私はこのようなファイルを持っています

<!DOCTYPE HTML>
<html lang="en-IN">
<head>
  <meta charset="UTF-8">
  <title>.::LESS::.</title>
  <link rel="stylesheet" type=text/css"" href="style.less" />
  <script type="text/javascript" src="less.js"></script>
</head>
<body>
  <div class="box1">This is box1</div>
  <div class="box2">This is box2</div>
  <div class="box3">This is box3</div>
</body>
</html>

私のstyle.lessファイルはこのようなものです

@blue : #00c;
@light-blue: @blue + #333;
@deep-blue: @blue - #333;
.box1 {
  background-color: @blue;
}
.box2 {
  background-color: @light-blue;
}
.box3 {
  background-color: @deep-blue;
}

しかし、結局、html page from the browser何も表示されていないことを確認しようとchanging the values of background-colorするとany color values、背景色がそこに表示されます.どこが間違っているのか教えてもらえますか?ヘルプや提案は大歓迎です.前もって感謝します。

4

2 に答える 2

1

水色の # がありません。これは、本来あるべき姿ですか？

于 2012-08-07T09:39:08.467 に答える
0

あなたのコードは正しくコンパイルされます

.box1 {
  background-color: #00c;
}
.box2 {
  background-color: #3333ff;
}
.box3 {
  background-color: #000099;
}

しかし、あなたが書いた次の行：

<link rel="stylesheet" type=text/css"" href="style.less" />

次のようにする必要があります。

<link rel="stylesheet/less" type="text/css" href="style.less" />

これを試して、機能するかどうかをもう一度確認してください。

于 2012-08-07T10:03:53.237 に答える