首页 > Web开发 > 详细

css3 选择器

时间:2017-07-14 13:01:10      阅读:328      评论:0      收藏:0      [点我收藏+]

1.选择id为ul1里所以的奇数项

#ul1 li:nth-child(odd)

{

color:#fff;

}

注:id为ul1里所以的奇数项的字体颜色变成白色

2.选择id为ul1里所以的偶数项

#ul2 li:nth-child(even)

{

color:#fff;

}

注:id为ul1里所以的偶数项的字体颜色变成白色

3. 选择a元素的src属性以abc开头的每个a元素。

a[src^="a"]

{

border:1px solid #f00;

}

注:a元素的src属性以abc开头的每个a元素加个边框。

4.选择a元素的src属性以abc结尾的每个a元素。

a[src$="a"]

{

border:1px solid #f00;

}

注:a元素的src属性以abc结尾的每个a元素加个边框。

5.选择a元素的src属性值包含abc的每个a元素。

a[src*="a"]

{

border:1px solid #f00;

}

注:选择a元素的src属性值包含abc的每个a元素加个边框。

6.选择前面有div元素的每个ul元素

div~ul

{

border:1px solid #f00;

}

注:前面有div元素的每个ul元素加个边框。

7.选择每个禁用的input元素

input:disabled

{

border-color: #f00;

}

注:每个禁用的input元素的背景颜色变成红色。

8.选择每个启用的input元素

input:enabled

{

border-color: #f00;

}

注:每个启用的input元素的背景颜色变成红色。

9.选择父元素里第二个子元素的所以的p标记

p:nth-child(2)

{

color: #f00;

}

注:父元素里的第二个子元素的所以的p标记的字体颜色变成红色。

css3 选择器

原文:http://www.cnblogs.com/zhang1999/p/7168823.html

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