!important為開發者提供了一個增加樣式權重的方法,比直接在元素的 style 屬性中設置 CSS 聲明還要高, 一般用在 CSS 覆蓋 JavaScript設置上
1 <!DOCTYPE html> 2 <html lang="ch-zn"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style type="text/css"> 7 #Box div { 8 color: red; 9 } 10 .c1 { 11 color: blue; 12 } 13 14 .c2 { 15 color: green !important; 16 } 17 </style> 18 </head> 19 <body> 20 <div id="Box"> 21 <div class="c1"> 22 <p>我是段落標簽1</p> 23 這一行末使用!important</div> 24 <div class="c2"> 25 這一行使用了!important</div> 26 </div> 27 28 </body> 29 </html>