CSS3新增选择器

属性选择器:
E[attr]:查找指定的拥有attr属性的E标签
E[attr=value]:查找指定的拥有attr属性值为value的E标签
E[attr*=value]:查找指定的拥有attr属性值中任意位置包含value的E标签
E[attr^=value]:查找指定的拥有attr属性值以value开头的E标签
E[attr$=value]:查找指定的拥有attr属性值以value结尾的E标签

伪类选择器:
(1)兄弟伪类
E1 + E2:获取当前元素E1的相邻满足条件的元素E2 
E1 ~ E2:获取当前元素E1满足条件的所有兄弟元素E2 

(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)伪元素选择器(像普通元素一样使用,但不会在dom树里) 

伪元素行级元素(使用样式里必须加content,像普通元素一样使用,但不会在dom树里)  
E::before
E::after 

E::first-letter:获取第一个字符 
E::first-line:获取第一行内容 
E::selection:设置选中内容的样式

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值