7 ヶ月前 · 13c04874bc
--- a/scss/index.css
+++ b/scss/index.css
@@ -1,4 +1,5 @@
 
				 @charset "UTF-8";
			
 
				+@import url(reset.css);
			
 
				 /*多行注释*/
			
 
				 .box {
			
 
				   width: 500px;
			
@@ -6,6 +7,19 @@
 
				   border: 2px solid #f00;
			
 
				 }
			
 
				 
			
 
				-h1 {
			
 
				+.box h1 {
			
 
				   color: purple;
			
 
				 }
			
 
				+
			
 
				+.box h1 span {
			
 
				+  color: red !important;
			
 
				+  font-size: 15px;
			
 
				+}
			
 
				+
			
 
				+.box ul li {
			
 
				+  color: plum;
			
 
				+}
			
 
				+
			
 
				+.box ul li:hover {
			
 
				+  color: red !important;
			
 
				+}
			
--- a/scss/index.html
+++ b/scss/index.html
@@ -7,8 +7,22 @@
 
				     <link rel="stylesheet" href="./index.css">
			
 
				 </head>
			
 
				 <body>
			
 
				+    <div class="con">
			
 
				+        
			
 
				     <div class="box">
			
 
				-        <h1>你好</h1>
			
 
				+        <h1>你好<span>hhhhhhhh</span></h1>
			
 
				+        <h2>哈哈</h2>
			
 
				+        <ul>
			
 
				+            <li>啊啊啊啊</li>
			
 
				+            <li>啊啊啊啊</li>
			
 
				+            <li>啊啊啊啊</li>
			
 
				+            <li>啊啊啊啊</li>
			
 
				+            <li>啊啊啊啊</li>
			
 
				+        </ul>
			
 
				+    </div>
			
 
				+    <div class="box1">
			
 
				+        <h1>哦哦哦</h1>
			
 
				+    </div>
			
 
				     </div>
			
 
				 </body>
			
 
				 </html>
			
--- a/scss/index.min.css
+++ b/scss/index.min.css
@@ -1 +1 @@
 
				-.box{width:500px;height:500px;border:2px solid red}h1{color:purple}
			
 
				+@import url(reset.css);.box{width:500px;height:500px;border:2px solid red}.box h1{color:purple}.box h1 span{color:red !important;font-size:15px}.box ul li{color:plum}.box ul li:hover{color:red !important}
			
--- a/scss/index.scss
+++ b/scss/index.scss
@@ -1,17 +1,32 @@
 
				+// @import './reset.scss';
			
 
				+@import url(reset.css);
			
 
				 $a:plum;
			
 
				+$cc: red !important;
			
 
				+$dd: yellow !default;
			
 
				 $box1: 2px solid #f00;
			
 
				-// 单行注释
			
 
				+// 单行注释 哈哈哈哈
			
 
				 /*多行注释*/
			
 
				 .box {
			
 
				     width: 500px;
			
 
				     height: 500px;
			
 
				     border: $box1;
			
 
				     $bb: purple !global;
			
 
				+    h1 {
			
 
				+        // color: $cc;
			
 
				+        // color: $dd;
			
 
				+        color: $bb;
			
 
				+        span {
			
 
				+            color: $cc;
			
 
				+            font-size: 15px;
			
 
				+        }
			
 
				+    }
			
 
				+    ul {
			
 
				+        li {
			
 
				+            color: $a;
			
 
				+            &:hover {
			
 
				+                color: $cc;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				 }
			
 
				-$cc: red !important;
			
 
				-$dd: yellow !default;
			
 
				-h1 {
			
 
				-    // color: $cc;
			
 
				-    // color: $dd;
			
 
				-    color: $bb;
			
 
				-}
			
 
				+// ul li:hover
			
--- a/scss/reset.css
+++ b/scss/reset.css
@@ -0,0 +1,3 @@
 
				+h2 {
			
 
				+  color: aqua;
			
 
				+}
			
--- a/scss/reset.min.css
+++ b/scss/reset.min.css
@@ -0,0 +1 @@
 
				+h2{color:aqua}
			
--- a/scss/reset.scss
+++ b/scss/reset.scss
@@ -0,0 +1,3 @@
 
				+h2 {
			
 
				+    color: aqua;
			
 
				+}
			
--- a/scss/test.sass
+++ b/scss/test.sass