@@ -0,0 +1,18 @@
+// 变量
+$a: #f00;
+$b: 50;
+$c: #ff0 !default;
+h1 {
+ color: $a !important;
+ font-size: $b + px;
+ color: $c;
+}
+
+ul li {
+ $d:#00f !global;
+ color: $d;
+p {
@@ -0,0 +1,13 @@
+ color: #f00 !important;
+ font-size: 50px;
+ color: #ff0;
+ color: #00f;
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Document</title>
+ <link rel="stylesheet" href="./index.css">
+</head>
+<body>
+ <div>
+ <h1>你好</h1>
+ <ul>
+ <li>你好1</li>
+ <li>你好2</li>
+ <li>你好3</li>
+ </ul>
+ <p>哈哈哈哈哈</p>
+ </div>
+</body>
+</html>
@@ -0,0 +1 @@
+h1{color:red !important;font-size:50px;color:#ff0}ul li{color:blue}p{color:blue}