选择器权重的计算过程 - web前端

首页 > 博客列表 > 选择器权重的计算过程

博主信息

博文 48

粉丝 0

访问量 58077

专题推荐

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

选择器权重的计算过程

江流

原创

601人浏览过

优先级 : !important > style> id> class > tag

 <body>
    <div>
      <ul id="nav" class="nav">
        <li>item1</li>
        <li>item2</li>
        <li>item3</li>
        <li>item4</li>
        <li>item5</li>
      </ul>
    </div>
    <style>
      ul {
        background-color: crimson;
        color: snow;
      }
    </style>
  </body>

 <body>
    <div>
      <ul id="nav" class="nav">
        <li>item1</li>
        <li>item2</li>
        <li>item3</li>
        <li>item4</li>
        <li>item5</li>
      </ul>
    </div>
    <style>
      div ul {
        background-color: darkorange;
      }
      ul {
        background-color: crimson;
        color: snow;
      }
    </style>
  </body>

  <body>
    <div>
      <ul id="nav" class="nav">
        <li>item1</li>
        <li>item2</li>
        <li>item3</li>
        <li>item4</li>
        <li>item5</li>
      </ul>
    </div>
    <style>
      div .nav {
        background-color: indigo;
      }
      div ul {
        background-color: darkorange;
      }
      ul {
        background-color: crimson;
        color: snow;
      }
    </style>
  </body>

  <body>
    <div>
      <ul id="nav" class="nav">
        <li>item1</li>
        <li>item2</li>
        <li>item3</li>
        <li>item4</li>
        <li>item5</li>
      </ul>
    </div>
    <style>
      div #nav {
        background-color: lightcoral;
      }
      div .nav {
        background-color: indigo;
      }
      div ul {
        background-color: darkorange;
      }
      ul {
        background-color: crimson;
        color: snow;
      }
    </style>

<body>
    <div>
      <ul id="nav" class="nav" style="background-color: teal">
        <li>item1</li>
        <li>item2</li>
        <li>item3</li>
        <li>item4</li>
        <li>item5</li>
      </ul>
    </div>
    <style>
      div #nav {
        background-color: lightcoral;
      }
      div .nav {
        background-color: indigo;
      }
      div ul {
        background-color: darkorange;
      }
      ul {
        background-color: crimson;
        color: snow;
      }
    </style>
  </body>

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

常用Vscode 插件

2021-09-18 19:52:08