请问CSS优先级内部样式高于外部样式,那为什么又说内部样式与外部样式优先级取决于所处位置的先后?

请问CSS优先级内部样式高于外部样式,那为什么又说内部样式与外部样式优先级取决于所处位置的先后?

正在回答

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

1回答

同学你好。

1、内容样式高于外部样式,如下:

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

可以看到style内部样式写在link标签的下面,所以浏览器读完了link标签里面的字体颜色样式之后,接着有读取了style标签的内容样式,所以字体的颜色是红色。

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

反之,如果link标签写在style内部样式的下面,浏览器读完内部样式之后接着读取了外部的样式,外部样式就覆盖了内部样式,所以字体是橘色。

如下:

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

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

所以老师在讲的内部样式与外部颜色优先级的时候,说最后定义的优先级别最高(就近原则)

可以试一试哦,如果帮助到了你,欢迎采纳。

祝学习愉快!

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

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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