CSS样式引入方法

外部CSS样式的引入

在这里插入图片描述

三种引入CSS样式方法的优先级

相同权值的情况下,内联式 > 嵌入式 > 外部式
嵌入式>外部式有一个前提:嵌入式的位置一定在外部式的后面
总结来说,就是 就近原则(离被设置元素越近优先级别越高)

关于权值

在这里插入图片描述
但是这里有一个权值最高的设置:!important,注意位置,分号之前

p{color:red!important;} /*这个会被应用*/
p{color:green;}

相同权值,但同一元素可以匹配多个样式时,选择后面的样式

p{color:red;}
p{color:green;} /*这个会被应用*/
发布了43 篇原创文章 · 获赞 0 · 访问量 296

猜你喜欢

转载自blog.csdn.net/weixin_44774877/article/details/103907731
今日推荐