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

css3选择器

时间:2015-08-30 17:23:58      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:


1.字符串

div[class^=“a”]{}
以a开头的class赋予什么什么属性

div[class$="a"]{}

以a结尾的class赋予什么什么属性

div[class*="a"]

字符中包含a的class赋予什么什么属性

2.伪类选择器

1.nth-child(n)

div:nth-child(2)div父级下的第二个子元素如果是div执行

2.nth-last-child()

倒数第几个如果是指定元素执行

3.nth-of-type()

同级第几个元素(不要求第几元素必须是指定元素)

4.nth-last-of-type()

同级倒数第几个

5.last-child

父级下面最后一个某元素赋予什么属性

p:last-child{

}

6.frist-of-type

父元素的特定类型的首个子元素的每个元素

7.only-child

父级下面只有一个某指定元素执行

8.only-of-type

同类型中唯一兄弟元素(同级可有其他元素)

9.empty  

<div></div>

10.frist-child

匹配父级元素第几个子元素(必须是指定元素才能执行)

3.元素选择器

1.checked 

input:checked+span:after{

content:哎哟,不错哦!}

2.disabled

3.selection

p::selection输出文字被选中之后

4.not(s)

除什么什么之外

css3选择器

标签:

原文地址:http://www.cnblogs.com/yangjinfeng172/p/4770970.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!