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

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值