總結(jié)各種CSS3選擇器的介紹及具體語法

（一）屬性選擇器

 在CSS2中引入了一些屬性選擇器，而CSS3在CSS2的基礎(chǔ)上對屬性選擇器進行了擴展，新增了3個屬性選擇器，使得屬性選擇器有了通配符的概念，這三個屬性選擇器與CSS2的屬性選擇器共同構(gòu)成了CSS功能強大的屬性選擇器。如下表所示：

大學生就業(yè)培訓,高中生培訓,在職人員轉(zhuǎn)行培訓,企業(yè)團訓

html代碼：

<a href="xxx.pdf">我鏈接的是PDF文件</a><a href="#" class="icon">我類名是icon</a><a href="#" title="我的title是more">我的title是more</a>

css代碼：

大學生就業(yè)培訓,高中生培訓,在職人員轉(zhuǎn)行培訓,企業(yè)團訓

a[class^=icon]{
  background: green;
  color:#fff;
}
a[href$=pdf]{
  background: orange;
  color: #ff
        
		

        		
網(wǎng)友評論