码迷,mamicode.com
首页 > 其他好文 > 详细

元素选择器

时间:2016-08-06 20:30:06      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:

选择器 说明 css版本
* 所有元素 2
<type> 选取指定类型的元素(div、p、nav) 1
.<class> 选取指定类的元素 1
#<id> 选取id属性为指定值的元素 1
[attr] 选取定义了attr属性,且属性值任意的元素([style]{color:green}) 2
[attr="val"] 选取定义了attr属性,且属性值为“val”的元素 2
<选择器>,<选择器> 选取同时匹配所有选择器的元素 1
<选择器> <选择器> 目标元素为匹配第一个选择器的后代,且匹配第二个选择(空格) 1
<选择器>><选择器> 目标元素为匹配第一个选择器的直接后代(只有儿子),且匹配第二个选择器 2
<选择器>+<选择器> 目标元素紧跟在匹配第一个选择器的元素之后,且匹配第二个选择(只选择兄弟之后的第一个) 2
<选择器>~<选择器> 目标元素跟在匹配第一个选择器的元素之后,且匹配第二个选择(选择兄弟之后的所有兄弟元素) 3
:link 选取未访问的链接元素 1
:visited 选取用户已访问的链接元素 1
:hover 选取鼠标指针悬停在其上面的元素 2
:active 选取当前被用户激活的元素,也就是即将点击该元素时 2
:focus 获取焦点元素 2
 
常用的选择器
 
 
选择器类型:
                    1.元素选择器
                    2.类选择器
                    3.id选择器
                    4.包含选择器(div1 p)
                    5.通配符选择器(*)
                    6.伪类选择器(a:link   a:hover)
                    7.伪元素选择器(用于选择某个元素的第一行或者其他位置)
 
注:hover元素前面为父后面为子
ol:hover li

元素选择器

标签:

原文地址:http://www.cnblogs.com/bengkuidanao/p/5744784.html

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