CSS3新增选择器

C3属性原则器

[attribute] 例:[target] 选择带有target属性的元素

[attribute=value] 例:[target=-blank] 选择所有target属性为-blank的元素

[attribute|=language] 例:[leng|=en] 选择leng属性以en-开头的元素(注意有-)

[attribute^=value] 例:a[src^="https"] 选择每个src属性以https开头的元素

[attribute$=value] 例:a[src$=".pdf"] 选择每个src属性以.pdf结束的元素

[attribute*=value] 例:a[src*="runoob"] 选择每个src属性包含runoob的元素

C3伪类选择器

:nth-child(n) 例:p: nth-child(2) 选择每个p元素是其父级元素的第二个子元素(如果第二个不是p元素则选不中)

:nth-last-child(n) 例:p: nth-last-child(2) 选择每个p元素是其父级元素倒数第二个子元素(道理同上)

:nth-of-type(n) 例:p: nth-of-type(2) 选择每个p元素是其父级元素的第二个p元素

:nth-last-of-type(n) 例:p: nth-last-of-type(2) 选择每个p元素是其父级元素的倒数第二个p元素

:last-child 例: p:last-child 选择每个p元素是其父元素的最后一个子元素(同理如果其父元素的最后一个子元素不是p元素则选不中)

:first-child 例: p: first-child 选择每个p元素是其父级元素的第一个子元素(同理)

::first-letter 选择每个元素的第一个字符

::first-line 选中每个元素的第一行

::before  在每个选中的元素之前插入

::after    在每个选中的元素之后插入

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值