zoukankan      html  css  js  c++  java
  • css 优先级 机制

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

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

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

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

    选择器的优先权--->权值

    内联样式---1000;

    ID选择器----100;
    class选择器---10;

    标签选择器-------1;

    CSS 优先级法则:

    A  选择器都有一个权值,权值越大越优先;

    B  当权值相等时,后出现的样式表设置要优于先出现的样式表设置;

    C  创作者的规则高于浏览者:即网页编写者设置的CSS 样式的优先权高于浏览器所设置的样式;

    D  继承的CSS 样式不如后来指定的CSS 样式;

    E  在同一组属性设置中标有!important”规则的优先级最大;

    <html>
      <head>
        <style type="text/css">
         #redP p{
            /*两个color属性在同一组*/
            color:#00f !important; /* 优先级最大 */
            color:#f00;
         }
        </style>
      </head>
      <body>
         <div id="redP">
           <p>color</p>
           <p>color</p>
         </div>
      </body>
    </html>
    

      

  • 相关阅读:
    css预编译器stylus
    使用element的upload组件实现上传图片功能
    《百年孤独读后感》
    socket_server
    socket-client
    面向对象基础-初步介绍
    re正则表达式
    实战2-计算器:输入这段公式("1
    python-常用模块
    实战-ATM+购物车项目软件目录规范
  • 原文地址:https://www.cnblogs.com/vali/p/5738667.html
Copyright © 2011-2022 走看看