zoukankan      html  css  js  c++  java
  • 【知识总结】CSS中样式覆盖优先顺序

    层叠样式类型

    类型:

    1. 浏览器默认样式
    2. 浏览器用户自定义样式
    3. 外部样式表
    4. 内部样式表
    5. 内联样式表	
    

    顺序:

    浏览器默认样式 < 浏览器用户自定义样式 < 外部样式表 < 内部样式表 < 内联样式表
    

    样式表内部选择器

    1. 类选择器 
    2. 类派生选择器
    3. ID选择器
    4. ID派生选择器
    

    样式表内部选择器生效顺序

    类选择器 < 类派生选择器 < ID选择器 < ID派生选择器
    

    生效规则

    1. 样式表的元素选择器选择越精确,则其中的样式优先级越高。
       id选择器指定的样式 > 类选择器指定的样式 > 元素类型选择器指定的样式
    2. 对于相同类型选择器指定的样式,在样式表文件中,越靠后的优先级越高。
    3. 一个元素同时应用多个class,后定义的优先(即近者优先)
    4. 如果要让某个样式的优先级变高,可以使用!important来指定。
  • 相关阅读:
    Linux用户管理
    chattr&lsattr
    repo 回退当前分支下所有仓库到指定日期前的最新代码版本
    grep
    awk
    vscode sftp插件的使用
    程序的链接
    ZJOI2015 诸神眷顾的幻想乡
    BZOJ3756 Pty的字符串
    HDU1506 Largest Rectangle in a Histogram
  • 原文地址:https://www.cnblogs.com/fly-piglet/p/6365076.html
Copyright © 2011-2022 走看看