属性选择器

属性选择器可以根据元素的属性及属性值来选择元素。
在CSS3中，增加了3个属性选择器，使得属性选择器有了通配符的概念。

• [attr*=val]属性选择器
  如果元素用attr表示属性，它的属性值中包含val指定的字符，则该元素使用这个样式

  [id*="sh"]{
    font-family:"MS Serif","New York",serif;
    color:#76ee00;
    ...
  }

以上代码片段表示在HTML5的元素id属性中，包含”sh”字符的，可以采用此样式。

• [attr^=val]属性选择器
  属性值以val指定的字符开头，则该元素使用这个样式。针对上面所述的示例，属性选择器可以修改为”[id^=shm]”。

• [attr$=val]属性选择器

  属性值以val指定的字符结尾，则该元素使用这个样式。属性选择器可修改为”[id$=shm]”。

属性选择器也称限定性选择器，根据指定属性作为限定条件来定义元素样式。除了上面提到的3种外，还包括属性匹配、精确属性匹配、空白分配匹配和连字符匹配4种类型的选择器。