CSS选择器总结

1、元素选择器：

html {color:black;}
h1 {color:blue;}
h2 {color:silver;}

2、选择器分组：

h1, h2, h3, h4, h5, h6 {color:blue;}

h1, h2, h3, h4, h5, h6 {
  color:gray;
  background: white;
  padding: 10px;
  border: 1px solid black;
  font-family: Verdana;
  }

注：对于标题、段落诸如此类的文字，背景是background，颜色是color，这点需和背景色backgroud-color区分开来

3、类选择器：

.important {color:red;}

4、ID选择器：

#intro {font-weight:bold;}

5、属性选择器：

p[class="important warning"] {color: red;}

类型	描述
[abc^="def"]	选择 abc 属性值以 "def" 开头的所有元素
[abc$="def"]	选择 abc 属性值以 "def" 结尾的所有元素
[abc*="def"]	选择 abc 属性值中包含子串 "def" 的所有元素

6、后代选择器：

h1 em {color:red;}

7、子元素选择器：

h1 > strong {color:red;}

8、相邻兄弟选择器：

h1 + p {margin-top:50px;}

9、伪类选择器：

    
    
     
     de  >a:link
     
     de> {color: #FF0000}		
     
     /* 未访问的链接 */

     
     
      
      de  >a:visited
      
      de> {color: #00FF00}	
      
      /* 已访问的链接 */

      
      
       
       de  >a:hover
       
       de> {color: #FF00FF}	
       
       /* 鼠标移动到链接上 */

       
       
        
        de  >a:active
        
        de> {color: #0000FF}	
        
        /* 选定的链接 */
       
       
      
      
     
     
    
    

10、伪元素：

11、通配符选择器：

* {color:red;}