6. CSS 三大特性

1、继承性

  • 给父元素设置一些属性,子元素也可以使用,
    • 并不是所有的属性都可以继承,只有以color``font``text line开头的。
    • a标签文字的颜色和下划线不可以继承的
    • h标签的文字大小不可以继承的

2、层叠性

  • 标签多次被设置相同的属性。
  • 层叠样式表(英文全称:Cascading Style Sheets)
  • 优先级如下:
    • 优先直接选中(间接类似继承)
    • 间接选中,优先离目标标签近的
    • 都是直接选中并且都是相同类型的,优先选择后面的进行层叠
    • id >类>标签>通配符*{....}>继承>浏览器默认

3、important
可以直接提升优先级

    <style>
        #identity{
            color: green;
        }
        p{
            color: darkorchid !important;
        }
    </style>
    <p id="identity">把我变成什么样,你就是老大</p>

3、important
可以直接提升优先级

<head>
    <meta charset="UTF-8">
    <title>important提升优先级</title>
    <style>
        #identity{
            color: green;
        }
        p{
            color: darkorchid !important;
        }
    </style>
</head>
<body>
    <p id="identity">把我变成什么样,你就是老大</p>
</body>

4、权重优先级

  • 选择器id多的优先级高
  • id一样多,的再看类名,类名多的优先级
  • 同上同理id>类名>标签个数
  • 如果以上所有的都是一样的,则按照前后顺序,后面的覆盖前面同样的设置。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • CSS选择器 标签选择器 什么是标签选择器? 作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然...
    Jackson_yee_阅读 3,490评论 0 0
  • ## CSS三大特性 # 继承性(inherit) # 层叠性 # 优先级 # important # div标签...
    KsKison阅读 2,833评论 0 0
  • CSS三大特性 : 继承,层叠,优先级 一. 继承性 1.什么是继承性? 作用: 给父元素设置一些属性, 子元素也...
    壹点微尘阅读 1,270评论 0 0
  • 谷歌浏览器开发者工具使用 进入谷歌浏览器后如下图操作,或者按F12 调整样式![](http://upload-i...
    MGd阅读 2,187评论 0 0
  • 1当你漂浮,像一朵云诗歌就存在了生活的味道已被忽略诗意活了下来灵魂泯灭我无法抱着诗歌和书本在虚无的字句里沉睡而漫长...
    苏望阅读 1,481评论 0 3

友情链接更多精彩内容