zoukankan      html  css  js  c++  java
  • 关于CSS选择符权重规则

    关于CSS选择符权重问题

    先看下面的代码:

    <style  type="text/css">
       div{font:40px red}
       .test{color:green}
    </style>
    <div   class="test"><p>hello world</p></div>

    当选择同样的元素,样式有冲突时会怎么办?上面的例子到底是红色还是绿色?

    当设置冲突时,会采用权重高的选择符设置的样式。

    权重的规则是这样的

    HTML标签的权重是1

    class的权重是10

    id的权重是100

    div  span的权重是1+1=2,而#test a 的权重是100+1=101。

    这样的话上述hello world 的颜色大家就明白了吧~~

    那要是权重相同的话呢???这个就有点类似于覆盖了,那个样式最后定义,就遵从相应的样式!

  • 相关阅读:
    Windows下使用nmake编译C/C++的makefile
    poj 1228
    poj 1039
    poj 1410
    poj 3304
    poj 1113
    poj 2074
    uva 1423 LA 4255
    poj 1584
    poj 3277
  • 原文地址:https://www.cnblogs.com/happycloud/p/3064563.html
Copyright © 2011-2022 走看看