css3新增选择器?
1、兄弟选择器:
<div>
<p></p>
<span></span>
</div>
1、相邻兄弟选择器:要求:1、紧紧挨着的 2、后面的 3、只能找到一个
语法:+ 作为结合符
div+span: div后面紧紧挨着的span
#d1+.d2: id为d1后面紧紧挨着的class为d2的元素
2、通用兄弟选择器:【后面】所有的兄弟
语法:~ 作为结合符
div~span: div后面所有的span
2、属性选择器:<div 属性名="属性值"></div>
语法:
1、[属性名];
比如:[id] - 找到所有具有id属性的元素
2、[属性名=属性值]
比如:[id=d1] - 找到id=d1的元素
3、[属性名~=属性值]
比如:[class~=d2] - 找到class包含d2的元素
4、[属性名^=属性值]
比如:[class^=d] - 找到class以d开头的元素
5、[属性名$=属性值]
比如:[class$=d] - 找到class以d结尾的元素
可用于直接选取表单控件,表单控件可以省略取class名字
3、伪类选择器
1、链接伪类 - a标签
:link
:visited
2、动态伪类
:hover
:active
:focus
3、元素状态伪类
作用:匹配元素 启用/禁用/被选中状态的 - 表单控件
:enabled
:disabled
:checked
4、结构伪类:
div:first-child - 找到div,但是某个元素的第一个儿子的div
div:last-child - 找到div,但是某个元素的最后一个儿子的div
div:nth-child(number):找到div,找到div,第number个儿子的div
div:nth-of-type(number)
5、否定伪类:
:not(选择器);
6、伪元素选择器 - 匹配用户选取的地方
::selection{
background: transparent;
}
面试题:1、css选择器有哪些
2、:与::的区别
1、:全部都是伪类选择器
2、::全部都是伪元素选择器
3、在css2规范中,伪元素 和 伪类全部通过:显示
4、在css3规范中,要求伪元素必须使用::,伪类使用:
5、但是,网页为了向前兼容css2,所有有的时候可以用: 来表示伪元素,但是唯独::selection必须写双冒号

浙公网安备 33010602011771号