選擇器優先級
阿新 • • 發佈：2018-12-22
ext 其他 important con pre html text style 默認樣式
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="Generator" content="EditPlus"> 6 <meta name="Author" content=""> 7 <meta name="Keywords" content=""> 8 <meta name="Description"content=""> 9 <title>Document</title> 10 <style type="text/css"> 11 .box1 div div{ 12 color:#000000 !important; 13 font-size:50px; 14 } 15 .box1 div{ 16 color:red; 17 font-size:30px; 18 } 19 div{ 20 color:blue; 21 font-size:20px; 22 } 23 .box1 div div{ 24 color:#ff00cc; 25 font-size:50px; 26 border:5px solid blue; 27 } 28 </style> 29 </head> 30 <body> 31 <!-- 32 1:id > class > 標簽 > 通配符 > 默認樣式; 33 2: .box div div > .box div > div (作用範圍越小,作用級別越大!) 34 3. 當選擇器的類別與數量相同時（註意類別和數量一定是在相同的前提下這些才生效），執行順序越靠後優先級越高，同一個選擇器下的相同屬性也遵循該規則 35 4. !important(一個important只能作用於一個屬性） > 行內 > 其他選擇器; 36 --> 37 <div class="box1"> 38 我是豬豬狹; 39 <div> 40 <div style="color:#66ff00; font-size:70px;">我是誰?我在哪兒?</div> 41 </div> 42 </div> 43 </body> 44 </html>
選擇器優先級