它使用缩进而不是{and}来分隔块。
它使用换行符代替分号(;)来分隔语句。
属性声明和选择器必须放在自己的行上,{and}中的语句必须放在新行上并缩进。
.myclass {
color= red;
font-size= 0.2em;
}
声明类似于CSS的属性但是没有分号(;)。
声明一个冒号(: )作为每个属性名称的前缀。
.myclass
:color blue
:font-size 0.2em
<html>
<head>
<title>Multiline Selectors Example</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
<h2>Example using Multiline Selectors</h2>
<p class="class1">Welcome to lidihuo</p>
<p class="class2">A solution of all technology.</p>
</body>
</html>
.class1,
.class2{
color:blue;
}
@import "themes/blackforest";
@import "style.sass";
@import themes/blackforest
@import fontstyle.sass
=myclass
font-size: 12px;
p
+myclass
@mixin myclass
font-size: 12px;
p
@include myclass