zheng 14 цаг өмнө
parent
commit
4503a3cb45

+ 18 - 0
17.scss/demo.sass

@@ -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 {
+    color: $d;
+}

+ 13 - 0
17.scss/index.css

@@ -0,0 +1,13 @@
+h1 {
+  color: #f00 !important;
+  font-size: 50px;
+  color: #ff0;
+}
+
+ul li {
+  color: #00f;
+}
+
+p {
+  color: #00f;
+}

+ 20 - 0
17.scss/index.html

@@ -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>

+ 1 - 0
17.scss/index.min.css

@@ -0,0 +1 @@
+h1{color:red !important;font-size:50px;color:#ff0}ul li{color:blue}p{color:blue}

+ 18 - 0
17.scss/index.scss

@@ -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 {
+    color: $d;
+}