首页 > Web开发 > 详细

CSS 3 中的属性选择器

时间:2017-03-05 17:59:06      阅读:235      评论:0      收藏:0      [点我收藏+]

在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、都能使用这个样式。

CSS 3 中的属性选择器

原文:http://www.cnblogs.com/loadchow/p/6505810.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!