zoukankan      html  css  js  c++  java
  • CSS样式优先级

    1 、相同权值下:就近原则
    内联样式(标签内部)> 嵌入样式表(当前文件)> 外部样式表(外部文件)

    2、权值不同时,浏览器根据权值判断
    标签权值:1,
    类选择符权值:10,
    ID选择符权值:100,
    内联样式权值:1000,
    例:
    p{color:red;} 标签,权值为 1
    p span{color:red;} 两个标签,权值为 1+1=2
    p > span {color:red;} 两个标签,权值为 1+1=2
    .warning{color:red:} 类选择符,权值为 10
    p span .warning{color:red;} 权值为 1+1+10=12
    #footer .note p{color:red;} 权值为 100+10+1=111

    注:【1、继承也有权值,比较低,大概0.1,权限最低(继承是一种规则,允许样式不仅应用于某个特定html标签元素,而且应用于其后代。如<p>标签内部的<span>标签会继承<p>标签样式)
    2、网页中:!important 最高权值。
    如: p{ color:red!important;} * !important 要在分号前
    浏览器默认样式 < 网页制作者样式 < 用户自己设置的样式 < !important

  • 相关阅读:
    Python操作Mongo数据库
    Python正则模块
    Python时间模块
    Python协程(下)
    Python协程(中)
    Python协程(上)
    aiohttp
    常用排序算法的Python实现
    江苏省各地级市58同城租房数据
    百合网
  • 原文地址:https://www.cnblogs.com/wgy1/p/9052449.html
Copyright © 2011-2022 走看看