首页 > Web开发 > 详细

css3属性选择器

时间:2016-08-16 23:57:47      阅读:309      评论:0      收藏:0      [点我收藏+]

语法:

1 元素[attr^="val"];/* 选择匹配元素,并且元素定义了属性attr,其属性值以val开头的任意字符串 */
2 元素[attr$="val"];/* 选择匹配元素,并且元素定义了属性attr,其属性值以val结尾的任意字符串 */
3 元素[attr*="val"];/* 选择匹配元素,并且元素定义了属性attr,其属性值任意位置包含了val */

html代码:

1 <a href="" class="Ais">这是一个带class的a</a>
2 <a href="123.jpg">这是一个指向图片的a</a>
3 <a href="" title="这个a可不一般">这是一个有title的a</a>

css代码:

1 a[class^="A"]{
2     background:red;
3 }
4 a[href$=".jpg"]{
5     background:green;
6 }
7 a[title*="a"]{
8     background:blue;
9 }

效果:

技术分享

 

css3属性选择器

原文:http://www.cnblogs.com/imguo/p/5778268.html

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