内部样式肯定比外部样式优先级高吗?

内部样式肯定比外部样式优先级高吗?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,

内部样式不一定比外部样式优先级高,有一种特殊情况,样式后面加了!important。例如:

http://img1.sycdn.imooc.com//climg/5da1902c09d7b58104890281.jpg

颜色为绿色,内部样式优先于外部样式,不考虑选择器权值:

http://img1.sycdn.imooc.com//climg/5da190350923915601530044.jpg

如果添加了!important:

http://img1.sycdn.imooc.com//climg/5da190b2093b2e3804690277.jpg

颜色为红色,权值最高:

http://img1.sycdn.imooc.com//climg/5da190a509ebcedb01590074.jpg

自己可以测试理解下,祝学习愉快!

  • 嘶阳 提问者 #1
    不考虑Important的情况下,<head>的<style>内部样式一定比外部样式优先级高吗?如果外部链接放在<style>标签后面呢
    2019-10-12 16:57:02
好帮手慕星星 2019-10-12 17:57:46

你好,

抱歉老师上面说的是行内样式与内部样式的比较。

如果是内部样式与外部样式比较的话,需要根据权值哦,权值大的显示(不考虑!important的情况),如果权值一样,后面的覆盖前面的显示。

例如:

(1)权值大显示:

http://img1.sycdn.imooc.com//climg/5da1a3440978e3e804630357.jpg

http://img1.sycdn.imooc.com//climg/5da1a35009b38fc603910124.jpg

http://img1.sycdn.imooc.com//climg/5da1a390093ab8bf00000000.jpg

(2)权重一样,按照顺序,后面的显示:

http://img1.sycdn.imooc.com//climg/5da1a37809d99a2403800133.jpg

http://img1.sycdn.imooc.com//climg/5da1a38f097a95b301700065.jpg

自己可以测试下。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师