CSS 3 中的属性选择器

在CSS 3中，追加了三个属性选择器分别为:[att*=val]、[att^=val]、和[att$=val]，使得属性选择器有了通配符的概念。

1.[att*=val]属性选择器

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

   例如:[id=section1]、则id=section1*后面任意字符数目的元素都能使用此样式。

2.[att^=val]属性选择器

   [att^=val]属性选择器的含义是:如果元素用att表示的属性的属性值的开头为用val指定的字符话，则该元素使用这个样式。

  例如:[id^=section],则id=section1、section2、section3都能使用这个样式。

3.[att$=val]属性选择器

   [att$=val]属性选择器的含义是:如果元素用att表示的属性的属性值的结尾字符为用val指定的字符，则该元素使用这个样式。

  例如:[id$=-1],则id=section-1、id=A-1、都能使用这个样式。

转载于:https://www.cnblogs.com/loadchow/p/6505810.html