css的優先順序 和 權重問題 以及 !important 優先順序

css選擇有多少種？

• 行內樣式(style="")
• id選擇器(#)
• class選擇器(類,偽類)
• 元素選擇器(標籤元素和偽元素)

css的優先順序：行內樣式>id選擇器>class選擇器>元素選擇器

!important :表示強制應用該樣式,例如: button{width:150px !important;},與以上的選擇器相遇時，強制使用此樣式;

css選擇器的使用，應該儘量避免使用!important和內聯樣式；id通常也是與class區分開使用，前置多用於js中的節點點位，後者多用於css選擇器。

重中之重,真實情況下10個class並不能逆轉1個id。案例：張鑫旭的256個class類名選擇器幹掉一個id選擇器例項頁面.

內容詳情參考：https://www.cnblogs.com/nangezi/p/9042973.html