• 技术文章 >web前端 >css教程

    css层叠性重要么

    VV2021-07-12 14:34:47原创199

    css层叠性是很重要的。层叠是html文件中对于同一个元素可以有多个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中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css 层叠性
    上一篇:网页文档背景图像的重复方式有哪些 下一篇:css中怎么设置标题字体大小
    VIP会员

    相关文章推荐

    • 详解CSS中的继承性,特殊性,层叠性和重要性• CSS层叠性、继承性、特殊性的实例详解• css的层叠性与权重的讲解

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网