关于css使用方法的优先级

来源:4-16 css权值和优先级

Sunderalla

2019-09-22 11:42:50

内部>外部  和注后面的内容不是矛盾的吗?是我理解错了吗?外部不就是link引入外部样式,内部不就是style内部样式吗?

写回答

1回答

好帮手慕慕子

2019-09-23

同学你好, 不矛盾的, 内部样式是style内容部样式。

正常情况下, 内部样式大于外部样式, 但是与link标签引入外部样式的位置会影响选择器的优先级。 

老师这里给同学举个简单的示例:外部CSS中设置h3标题的字体颜色为红色

http://img.mukewang.com/climg/5d886a5009a6300b03560156.jpg

  1. 在内部样式后面引入外部样式

    http://img.mukewang.com/climg/5d886a6609e5058905910335.jpg

    此时标题的颜色为红色

    http://img.mukewang.com/climg/5d886a8009e58a8d02360084.jpg

  2. 在内部样式前面引入外部样式

    http://img.mukewang.com/climg/5d886a9e0936aa5e06690383.jpg

    http://img.mukewang.com/climg/5d886aa409014c9602160081.jpg

综上所述, 默认的内容部样式大于外部样式,但是同时受到link标签书写位置的影响哦

同学可以结合示例,自己下去再测试一下, 结合代码效果帮助自己更好的理解

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~~


1

0 学习 · 40143 问题

查看课程