思路即提高當前容器的CSS權重 使用 !important
!important為開發者提供了一個增加樣式權重的方法,比直接在元素的 style 屬性中設置 CSS 聲明還要高, 一般用在 CSS 覆蓋 JavaScript設置上。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>測試!Important</title> </head> <style type="text/css"> #Box div { color: red; } .important_false { color: blue; } .important_true { color: blue !important; } </style> <body> <div id="Box"> <div class="important_false"> 這一行末使用important</div> <div class="important_true"> 這一行使用了important</div> </div> </body> </html>