css學習之樣式層級和權重


第一種情況

當選擇器相同的情況下,引入方式的前后,決定頁面最后的效果

---------外部在最后面顯示

---------內部在最后面顯示

第二種情況 引入方式相同時候,則是按照權重取最大(取權重最大值顯示)去確定最后樣式(此處以外部樣式為例子)

 

選擇器            權重
id 100
10
元素 1
繼承 0.5

 

 

 

 

 

 

 

 

 

 

例子二

雖然其他的很精確,但是權重還是id的最大,所以顯示為id選擇器屬性

 

第三種情況  如果引入方式和選擇器相同,則按最后的樣式為主

 

 

第四種情況就是!important 會使用這個樣式

 

瀏覽器默認的樣式 < 網頁制作者樣式 < 用戶自己設置的樣式<!important

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM