是誰在耳邊對我說！important提升權重優先順序，只為這一句，我用了3600s研究通配符與標簽!important的背景展示，也是讓我懷疑人生了！選擇器權值:標簽選擇器1,類選擇器和偽類選擇器:10,ID選擇器:100,通配符選擇器:0,行內樣式:1000,!important 在一定條件下，優先... ...
是誰在耳邊對我說！important提升權重優先順序，只為這一句，我用了3600s研究通配符與標簽!important的背景展示，也是讓我懷疑人生了！選擇器權值:標簽選擇器1,類選擇器和偽類選擇器:10,ID選擇器:100,通配符選擇器:0,行內樣式:1000,!important 在一定條件下，優先順序最高。根據百度官方介紹body是用在網頁中的一種HTML標簽，那就說明它是個標簽呀，然而通配符選擇器(曾懷疑*不是，不過通配符選擇器介紹)和標簽body同時定義頁面背景色，展示的卻是通配符定義的，咋辦？曰：/*如果非在通配符定義背景的前提下，讓body背景顏色正常展示，加高*/，除了body外，其他標簽正常展示，適用於這個css選擇器優先順序！
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>通配符背景色 PK body!important的背景色</title> 7 <style type="text/css"> 8 *{ 9 margin: 0; 10 padding: 0; 11 background-color: cadetblue; 12 } 13 body{ 14 background-color: crimson; 15 /* border: 10px solid blueviolet; */ 16 /* background-color: yellow!important; */ 17 height: 500px;/*如果非在通配符定義背景的前提下，讓body背景顏色正常展示，加高*/ 18 } 19 div{ 20 background-color: salmon; 21 } 22 p{ 23 background-color: #fff; 24 } 25 div.box{ 26 border: 1px dashed red; 27 background-color:#f90; 28 } 29 div#box{ 30 color: #fff; 31 background-color:rgb(20, 13, 14); 32 } 33 </style> 34 </head> 35 <body> 36 <div class="box" id="box"> 37 人生充滿了驚喜與感動,調整好心態,做最好的自己 Life is full of surprises and emotions, adjust your mindset, and be your best self 38 </div> 39 <p>web is very much!web is very much!web is very much!web is very much!web is very much!web is very much!web is very much!web is very much!</p> 40 </body> 41 </html>
