多个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里的为主。

猜你喜欢

转载自blog.csdn.net/ColourfulTiger/article/details/82344450