第一種情況
當選擇器相同的情況下,引入方式的前后,決定頁面最后的效果
---------外部在最后面顯示
---------內部在最后面顯示
第二種情況 引入方式相同時候,則是按照權重取最大(取權重最大值顯示)去確定最后樣式(此處以外部樣式為例子)
選擇器 | 權重 |
id | 100 |
類 | 10 |
元素 | 1 |
繼承 | 0.5 |
例子二
雖然其他的很精確,但是權重還是id的最大,所以顯示為id選擇器屬性
第三種情況 如果引入方式和選擇器相同,則按最后的樣式為主
第四種情況就是!important 會使用這個樣式
瀏覽器默認的樣式 < 網頁制作者樣式 < 用戶自己設置的樣式<!important