首页  >  文章  >  web前端  >  css层叠性重要么

css层叠性重要么

王林
王林原创
2021-07-12 14:34:472125浏览

css层叠性是很重要的。层叠是html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。

css层叠性重要么

本文操作环境:windows10系统、css 3、thinkpad t480电脑。

不知道大家有没有想过这样一个问题,如果在html文件中对于同一个元素可以有多个css样式存在并且这多个css样式具有相同权重值怎么办?

层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。

如下面代码:

<span style="font-size:18px;">
p{
color:red;
}   
p{
color:green;
}  
</span>

最后 p 中的文本会设置为green,这个层叠很好理解,理解为后面的样式会覆盖前面的样式。

所以前面的css样式优先级就不难理解了:

内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。

相关视频教程分享:js视频教程

以上是css层叠性重要么的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn