CSSセレクタ

 .      
  /  /     

* 
	      。(     ) 
E 
	       E (        E    )。(     ) 
E F 
	     E         F 。(     ) 
E > F 
	     E        F 。(    ) 
E:first-child 
	    E                ，     E 。(:first-child   ) 
E:link E:visited 
	   E            (:link)       (:visited)              E 。(link   ) 
E:active E:hover E:focus 
	            E 。(    ) 
E:lang(c) 
	      E       (  )   c (               )，      。(:lang()   ) 
E + F 
	       E       F   ，      F 。(     ) 
E[foo] 
	    ”foo”   (      )      E 。(     ) 
E[foo="warning"] 
	   “foo”       “warning”      E 。(     ) 
E[foo~="warning"] 
	   “foo”            ，          “warning”      E 。(     ) 
E[lang|="en"] 
	   “lang”     “en”  (   )           E 。(     ) 
DIV.warning 
	  HTML。    DIV[class~="warning"]。(    ) 
E#myid 
	   ID   “myid”      E 。(ID    ) 

 .        
1.      
	  ：* { sRules } 
	  ：     。       (DOM)           。 
		                    ，“*”    。 
	  ：
		*[lang=fr] { font-size:14px; width:120px; } 
		*.div { text-decoration:none; } 
2.      
	  ：E { sRules } 
	  ：      。       (Element)       。 
	  ：
		td { font-size:14px; width:120px; } 
		a { text-decoration:none; } 
3.      
	  ：
		E [ attr ] { sRules } 
		E [ attr = value ] { sRules } 
		E [ attr ~= value ] { sRules } 
		E [ attr |= value ] { sRules } 
	  ：      。 
		     attr     E 
		     attr          value   E 
		     attr                   ，       value   E 。    value        
		     attr                    ，  value     E 
	  ：
		h[title] { color: blue; } /*     title   h   */  
		span[class=demo] { color: red; }  
		div[speed="fast"][dorun="no"] { color: red; }  
		a[rel~="copyright"] { color:black; } 
4.      
	  ：E1 E2 { sRules } 
	  ：      。
		      E1     E2 。  E1.contains(E2)==true 。 
	  ：
		table td { font-size:14px; }  
		div.sub a { font-size:14px; } 
5.       
	  ：E1 > E2 { sRules } 
	  ：       。       E1      E2 。 
	  ：
		body > p { font-size:14px; } /*     body     p       14px */  
		div ul>li p { font-size:14px; } 
6.ID    
	  ：#ID { sRules } 
	  ：ID   。      (DOM)             ID      。 
	  ：#note { font-size:14px; width:120px;} 
7.     
	  ：E.className { sRules } 
	  ：     。
		 HTML          。      E [ class ~= className ] 。
		 IE5+，       class   (  )       ( className )，                    。  ： <div class="class1 class2">。 
	  ：
		div.note { font-size:14px; } /*   class     （  ）"note" div       14px */  
		.dream { font-size:14px; } /*   class     （  ）"note"        14px */ 
8.      
	  ：E1 , E2 , E3 { sRules } 
	  ：     。              ，                 。 
	  ：
		.td1,div a,body { font-size:14px; }td,div,a { font-size:14px; } 
9.          
	  ：E : Pseudo-Classes { sRules } E : Pseudo-Elements { sRules } 
	  ： 
		         。      。     ( Pseudo-Classes )[:link :hover :active :visited :focus :first-child :first :left :right :lang]。 
		      。      ( Pseudo-Elements )[:first-letter :first-line :before :after]。 
	  ：
		div:first-letter { font-size:14px; } 
		a.fly :hover { font-size:14px; color:red; }