zoukankan      html  css  js  c++  java
  • 【CSS】CSS 的优先级总结

            样式的优先级

            多重样式(Multiple Styles):如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况。

            一般情况下,优先级如下:

            (外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style

             

            有个例外的情况,就是如果外部样式放在内部样式后面,则外部样式将覆盖内部样式。

            示例如下:

      

        <head>
                <style type="text/css">
                 /* 内部样式 */
                 h3{color:green;}
                </style>
    
                <!-- 外部样式 style.css -->
                <link rel="stylesheet" type="text/css" href="style.css"/>
                <!-- 设置:h3{color:blue;} -->
       </head>
       <body>
                <h3>测试!</h3>
       </body>

    选择器的优先权

    css选择器的优先权

            解释:

            1.  内联样式表的权值最高 1000;

            2.  ID 选择器的权值为 100

            3.  Class 类选择器的权值为 10

            4.  HTML 标签选择器的权值为 1

  • 相关阅读:
    WTM
    Spring Cloud
    Dapper
    Linux 常用命令
    JsonNetResult
    百度 副文本编译器
    GIT使用—一些概念
    GIT使用—创建一个版本库
    GIT使用—安装配置及工作流程
    灰度发布
  • 原文地址:https://www.cnblogs.com/BearLee/p/7932404.html
Copyright © 2011-2022 走看看