最近匯仁智杰小編在在學(xué)習(xí)css樣式。那么我就想先整理一下css樣式的選擇器，希望對(duì)同是在學(xué)習(xí)的你來(lái)說(shuō)能夠有所幫助。
　　規(guī)則結(jié)構(gòu)：
　　每個(gè)規(guī)則都有兩個(gè)基本部分：選擇器和聲明塊。聲明塊由一個(gè)或者多個(gè)聲明組成，每個(gè)聲明則是一個(gè)屬性—值對(duì)(property-value)
　　1、元素選擇器
　　*　　通用元素選擇器，匹配任何元素　　*{margin:0;padding:0};
　　x　　標(biāo)簽選擇器　　h1{color:#000},p{color:#000};
　　.info　　　class選擇器　　　.info{background-color:red};
　　#target　　ID選擇器　　　#target{font-size:15px};
　　2、選擇器分組
　　　x,y　　　多元素選擇器　　x,y{font-weight:bold};
　　　x y　　　后代選擇器　　　x y{display:inline};
　　　x>y　　子元素選擇器　　　x>y{color:#333};
　　　x+y　　　相鄰元素選擇器　x+y{color:#ddd};
　　說(shuō)明：
　　還有個(gè)更為高級(jí)的CSS選擇器模塊，早在CSS2完成之后就發(fā)布了。其中包含更多的部分值屬性選擇器又稱之為“子串匹配屬性選擇器”。
　　3、子串匹配屬性選擇器
　　[x^=“y”]　選擇屬性以x開(kāi)頭的y的所有元素;
　　[x$=“y”]　選擇屬性以x結(jié)尾的y的所有元素;
　　[x*=“y”]　選擇屬性以x包含子串的y的所有元素;
　　4、偽類選擇器
　　:link　　指示為超鏈接(有一個(gè)href屬性)并指向一個(gè)未訪問(wèn)地址的所有錨鏈接。
　　:visited　　指示為已訪問(wèn)的地址超鏈接所有的錨鏈接
　　5、動(dòng)態(tài)偽類
　　:focus　　指示為當(dāng)前擁有輸入焦點(diǎn)的元素。也就是可以接受鍵盤輸入或者可以以某種方式激活的元素；
　　:hover　　指示為鼠標(biāo)指針停留在某個(gè)元素上。例如鼠標(biāo)停留在超鏈接上。字體會(huì)由黑色變?yōu)榧t色；
　　:active　　指示為被用戶輸入激活的元素。例如鼠標(biāo)指針在超鏈接上后。當(dāng)用鼠標(biāo)點(diǎn)擊這個(gè)鏈接后。就會(huì)激活這個(gè):active