1. 程式人生 > >多個css檔案在同一個html中的執行順序2

多個css檔案在同一個html中的執行順序2

1、檔案位置在head裡面引入, !important 時   檔案位置在body裡面引入,!important 時

       按照從上到下的順序依次執行,同一樣式會選擇最後一個檔案裡面的渲染[就近原則]。

       若想實現自己的樣式最先,檔案在head或body裡面引入,都要放置在最後!

2、檔案位置在head裡面引入,相關樣式!important時  檔案位置在body裡面引入,相關樣式!important時

      樣式渲染按照先後順序進行,最後一個引入的檔案中的!important會成為最終渲染的樣式。多個!important會相互抵消,最終以最後一個!important的樣式為主。 

3、檔案引入位置既在body中有,也在head中有

      注意按照的是檔案中引入的最後一個樣式檔案裡的樣式為出發點。執行順序從上往下順序執行

     1、同一樣式,無!important  :以body裡最後一個為主;

     2、同一樣式,head有!important,body中無  :   以head裡最後一個該樣式為主;

     3、同一樣式,head與body中同時有!important : 以body裡的為主。