css3新增的选择器有哪些?

一、属性选择器:
1.[attribute] 用于选取带有指定属性的元素。
2.[attribute=value] 用于选取带有指定属性和值的元素。
3.[attribute~=value] 用于选取属性值中包含指定词汇的元素。
4.[attribute|=value] 用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。
5.[attribute^=value] 匹配属性值以指定值开头的每个元素。
6.[attribute$=value] 匹配属性值以指定值结尾的每个元素。
7.[attribute*=value] 匹配属性值中包含指定值的每个元素。

二、伪元素选择器:
(1) 动态伪类选择器:
E**:link**
链接伪类选择器
选择匹配的E元素,而且匹配元素被定义了超链接并未被访问过。常用于链接描点上
E**:visited**
链接伪类选择器
选择匹配的E元素,而且匹配元素被定义了超链接并已被访问过。常用于链接描点上
E**:active**
用户行为选择器
选择匹配的E元素,且匹配元素被激活。常用于链接描点和按钮上
E:hover
用户行为选择器
选择匹配的E元素,且用户鼠标停留在元素E上。IE6及以下浏览器仅支持a:hover
E:focus
用户行为选择器
选择匹配的E元素,而且匹配元素获取焦点

(2)相对于父元素的结构伪类:
E:first-child:查找E元素的父级元素所有元素中的第一个E元素,若父级元素中第一个元素不是E元素则无效 ;
E:last-child:查找E元素的父级元素中的最后一个E元素;
E:nth-child(n):指定索引位置,n可以是从1开始的索引、关键字、表达式。

限制类型:
E:first-of-type:查找E元素的父级元素中所有E元素的第一个E元素;
E:last-of-type:查找E元素的父级元素中所有E元素的最后一个E元素;
E:nth-of-type(n):限制E类型且指定索引位置,n可以是从1开始的索引、关键字、表达式;
E:empty:选中没有任何子节点的E元素;
E:target:为锚点目标元素添加样式,当目标元素被触发为当前锚点链接时调用此样式。

(3)伪元素选择器:
伪元素行级元素(使用样式里必须加content,像普通元素一样使用)
E::before
E::after
E::first-letter:获取第一个字符
E::first-line:获取第一行内容
E::selection:设置选中内容的样式

三、UI元素状态伪类选择器:
E:enabled
匹配所有用户界面(form表单)中处于可用状态的E元素
E:disabled
匹配所有用户界面(form表单)中处于不可用状态的E元素
E:checked
匹配所有用户界面(form表单)中处于选中状态的元素E
默认选中: checked 禁用:disabled 可用:enabled
E::selection
匹配E元素中被用户选中或处于高亮状态的部分

四、层级选择器:
E>F
子选择器
选择匹配的F元素,且匹配的F元素所匹配的E元素的子元素

E+F
相邻兄弟选择器(找后面的相邻的第一个同辈元素)
选择匹配的F元素,且匹配的F元素紧位于匹配的E元素的后面

E~F
通用选择器 (找后面的所有同辈元素)
选择匹配的F元素,且位于匹配的E元素后的所有匹配的F元素

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值