page contents
首页 问答
正文

css 优先级是怎么计算的？

轩辕小不懂 发布于 2021-11-29 15:19
阅读 385
收藏 0
答案 1
分类：WEB前端开发
  • CSS
    • 默认排序 时间排序
    2528
    Nen
    Nen
    - 程序员

    第一优先级：!important 会覆盖页面内任何位置的元素样式

    1.内联样式，如 style=”color: green”，权值为 1000

    2.ID 选择器，如#app，权值为 0100

    3.类、伪类、属性选择器，如.foo, :first-child, div[class=”foo”]，权值为 0010

    4.标签、伪元素选择器，如 div::first-line，权值为 0001

    5.通配符、子类选择器、兄弟选择器，如*, >, +，权值为 0000

    6.继承的样式没有权值

    请先 登录 后评论
    轩辕小不懂
    1 关注
     
    轩辕小不懂
    提出于 2021-11-29 15:19
    全部

    轩辕小不懂 的其他提问

    类似问题

    浏览器是如何对 HTML5 的离线储存资源进行管理和加载?
    1 回答
    385 阅读
    行内元素有哪些 块级元素有哪些 空(void)元素有哪些?
    1 回答
    385 阅读
    img的srcset属性的作用？
    1 回答
    385 阅读
    常用的meta标签有哪些？
    1 回答
    385 阅读
    script标签中defer和async的区别？
    1 回答
    385 阅读
    DOCTYPE(文档类型) 的作用?
    1 回答
    385 阅读