css层叠性重要么

186 阅读 0 评论 123 点赞

我是靠谱客的博主开朗板栗，这篇文章主要介绍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层叠性重要么的详细内容，更多请关注靠谱客其它相关文章！

以上就是开朗板栗最近收集整理的关于css层叠性重要么的全部内容，更多相关css层叠性重要么内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。