CSS选择器,继承,层叠，权重

这节主要讲CSS选择器：

最常用的有两种选择器：1 类型选择器（也称为元素选择器） p { color:black;}

  2 后代选择器 （两者之间加空格）.first span{ padding-left:2em;}

     

 通用选择器：通配符

* {

padding：0；

margin:0;

}

CSS3选择器：

子选择器：

相邻同袍选择器：

属性选择器：

伪类：love                    hate

                  link  visited       hover  active

      

CSS的重叠与特殊性：

当一个元素有很多条规则时，CSS其实是通过层叠来解决各个规则之间的冲突。（通过给规则增加  ! important 便可以让它优先）   层叠解决的问题是一个标签有多个规则，浏览器最后选择什么样式呈现。

   

而继承则讲的是一个标签会用它父元素的样式，因而改变自身样式。但是自身样式受层叠影响

  内联样式 例如: style=""值最高 (1000 点)4 `, L% l) r1 F! E7 V! \
  各个ID属性值 例如:ID="header"(100 点)
  属性值,属性选择或伪类 例如:class="left" ( 10 点)
  各个元素和伪元素 例如 li ul p a (1点)# f1 e- @9 x3 n: s9 m7 [ h$ B$ h* l9 A
  结合符合通配选择器 例如* ( 0点)

举个栗子：

#content div#main-content h2 {

color:gray;}     100+1+100+1=202

#content #main-content>h2 {

 color:blue;}     100+100+1=201