css3选择器(全)

1元素选择符

  • E1~E2
    选择前面有E1元素的 E2元素,两个元素可间隔其他元素。

2属性选择符

  • E[attribute^=”value”]
    选择特定属性值以value开头的E元素。

  • E[attribute$=”value”]
    选择特定属性值以value结束的E元素。

  • E[attribute*=”value”]
    选择特定属性值以包含value值的E元素。

伪类选择符

  • E:first-of-type
    选择E元素的父元素的第一个E类型元素。

  • E:last-of-type
    选择E元素的父元素的最后一个E类型元素。

  • E:only-of-type
    选择E元素的父元素(具有的唯一E类型)的E元素。

  • E:only-child
    选择E元素的父元素(具有的唯一的子元素)的E元素。

  • E:nth-child(n)
    选择E元素的父元素第n个子元素,该元素必须是E类型元素(从前往后数)。

  • E:nth-last-child(n)
    选择E元素的父元素第n个子元素(从后往前数)。

  • E:nth-of-type(n)
    选择E元素的父元素第n个E类型子元素(从前往后数)。

  • E:nth-last-of-type(n)
    选择E元素的父元素第n个E类型子元素(从后往前数)。

  • E:last-child
    选择E元素的父元素下的最后一个E元素。

  • :root (注意:前面没有选择器)
    选择文档的根元素。一般是html

  • E:empty
    选择没有子节点的E元素(包括文本节点)

  • E:target
    选择当前活动的 E元素。

  • E:enabled
    选择每个启用的E元素(一般用于表单)

  • E:disabled
    选择每个禁用的E元素(一般用于表单)

  • E:checked
    选择每个选中E元素(一般用于表单)

  • E:not(selector)
    选择selector指定外的E元素。

  • E::selection (注意这里是两个冒号)
    选择被用户选定的E元素,一般用于文本的选取。

上面的E也是一个选择器。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值