e 1 年之前
父节点
当前提交
53910b91e3
共有 2 个文件被更改,包括 27 次插入1 次删除
  1. 10 1
      day3/5.选择器.html
  2. 17 0
      day3/6.选择器的优先级.html

+ 10 - 1
day3/5.选择器.html

@@ -90,7 +90,7 @@
       }
       .main {
         width: 600px;
-        height: 600px;
+        height: 900px;
         background: #00f;
         color: #fff;
       }
@@ -128,6 +128,14 @@
       .main>p {
         color: orange;
       }
+      /* 
+        属性选择器
+           格式:标签名[标签属性='xxx']{...}
+      */
+      img[alt='www'] {
+        width: 200px;
+        height: 200px;
+      }
     </style>
   </head>
   <body>
@@ -160,6 +168,7 @@
             <h5>33333</h5>
         </div>
         <p class="word">这是一段新文字</p>
+        <img src="../day1/images/1.jpg" alt="www">
     </div>
   </body>
 </html>

+ 17 - 0
day3/6.选择器的优先级.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <!-- 
+        css优先级
+
+     选择器:!important > 内联样式 > id选择器 > 类选择器 = 伪类选择器 = 属性选择器 > 伪元素选择器 = 标签选择器 > 通配符选择器
+       权重:   正无穷   1,0,0,0  0,1,0,0             0,0,1,0                       0,0,0,1                   0,0,0,0
+
+     -->
+</body>
+</html>