CSS的选择器可以分为三大类，

#id名 { 属性名:属性值; }

.class名 { 属性名:属性值; }

标签名 { 属性名:属性值; }

后代选择器: 父代名 后代名 { 属性名:属性值; }

注释：后代选择器：就是对象当中所有的子元素，孙子元素以及最底层的元素

子代选择器: 父代名>子代名 { 属性名:属性值; }

注释：子选择器：就单单是子元素，子元素的子元素也就是孙子元素就不算了

群组选择器: #name1, .name2, #name div { 属性名:属性值; }

                    
:active 向被激活的元素添加样式。                        
 :focus 向拥有键盘输入焦点的元素添加样式。                       
 :hover 当鼠标悬浮在元素上方时，向元素添加样式。                      
 :link 向未被访问的链接添加样式。                       
 :visited 向已被访问的链接添加样式。                       
 :checked 选择器匹配每个已被选中的 input 元素。                       
 :first-child 向元素的第一个子元素添加样式。

2.4通用选择器

                    
                        * {margin: 0; padding:0}                    
                

同一权重
按照它在CSS样式表里声明的顺序，后声明的优先，例如： 
h1 {color: blue} 
h1 {color: red} 
最终胜出的是color: red

不同权重

在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。

1.最高优先级是 (直接在标签中的设置样式，假设级别为1000)(div style="color:Red;")

3.其次优先级是（类选择器，假设级别为10）.divClass{color:Red;}

5.那么后代选择器的优先级就可以计算了啊