什麽是選擇器

使用css對HTML頁面中的元素實現一對一，一對多或者多對一的控制，這就需要用到CSS選擇器。選擇器是CSS3中一個重要的內容，使用CSS選擇器可以大幅度提高web前端開發人員的編寫或者修改頁面樣式的時候的工作效率。

每一條css樣式定義由兩部分組成，形式如下：

選擇器{樣式}
在{}之前的部分就是“選擇器”。 “選擇器”指明了{}中的“樣式”的作用對象，也就是“樣式”作用於網頁中的哪些元素。

屬性選擇器

html5中CSS3中的屬性選擇器：

在CSS中追加了三個屬性選擇器：[att*=val]、[att^=val]和[att$=val]

[att*=val]屬性選擇器

如果元素用att表示的屬性的值中包含用val指定的字符，那麽該元素使用這個樣式。

[att^=val]屬性選擇器

如果用att表示的屬性的屬性值的開頭字符為用val指定的字符的話，那麽該元素使用這個值。

[att$=val]屬性選擇器

如果元素用att表示的屬性的屬性值的結尾字符為用val指定的字符，那麽該元素使用這個樣式。

html5中css3新增的屬性選擇器介紹