1

このsassコードを取り入れようとしていますが、うまくいきません。実装方法を教えてください。

@charset "utf-8";
/* CSS Document */

h1 { color:#0ec3f7;}

$divColor : #f8f9be;
$borderStyle : dotted;
$width : 700px;
$height : 200px;

#first {background-color:divColor; border:1px borderStyle #F00; width:width; height:height;}

これがhtmlファイル

<html xmlns="http://www.w3.org/1999/xhtml">
<head>    
<title>css-saas-less</title>
<link rel="stylesheet" href="sasstemp.scss"  />    
</head>    
<body>   
<h1> CSS preprocessors </h1>

<div id="first">welcome to sass.....
</div></body>
</html>
4

2 に答える 2

1 
<link rel="stylesheet" href="sasstemp.scss"  />

これは次のようになります

<link rel="stylesheet" href="sasstemp.css"  />

それ以外の場合は、システムに ruby​​ をインストールする必要があります。次に、sass gem をインストールする必要があります。サポートが必要な場合は、http://sass-lang.com/tutorial.htmlをご覧ください。

于 2013-06-18T06:25:18.487 に答える