码迷,mamicode.com
首页 > Web开发 > 详细

css3属性选择器

时间:2016-08-17 00:00:24      阅读:616      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!