css选择器大全(中)

:before
    元素选择器 :before

在每个指定的元素的内容之前插入新内容

:after                 
      元素选择器 :after
在每个指定的元素的内容之后插入新内容
:lang(en)
属性开头选择器

选择带有以 "en" 开头的 lang 属性值的每个 <p> 元素,并设置其样式:

与[attribute|=value] 的比较:

一般写法[属性|=en],如果需要限定某个元素的话,写法为,元素或者选择器[属性|=en],此时的效果等同于:属性(en), p:lang(en) 效果等同于  p[lang|=en]

p~ul
相同父辈元素第一个元素之后的另一个元素
 为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景:
[attribute^=value]   a[src^="https"]


选择其 src 属性值以 "https" 开头的每个 <a> 元素。如果不限定为某一类元素的话,[src^="https"]  效果等同于[attribute|=value] (此时属性不带引号)

[attribute$=value]  a[src$=".pdf"]

选择其 src 属性以 ".pdf" 结尾的所有 <a> 元素。
[src^=".pdf"]  效果等同于 [src~=.pdf] (此时属性不带引号)

[attribute*=value]a[src*="abc"]

选择其 src 属性中包含 "abc" 子串的每个 <a> 元素。

如果不限定为某一类元素的话,[src^="https"]  效果等同于(此时属性不带引号)

:first-of-typep:first-of-type指定父元素的首个 p 元素的样式,p元素作为子元素,同时也确定了p所对应的父元素
:last-of-typep:last-of-type   指定父元素的末个 p 元素的样式p元素作为子元素,同时也确定了p所对应的父元素
:only-child
p:only-child规定属于其父元素的唯一子元素的每个 p 元素。使用此选择器前,需要保证p为子元素,且只有P这一个子元素。否则无效果
:nth-child(n) 
p:nth-child(2)
  规定属于其父元素的第二个子元素为P的样式,使用前,需保证至少有(n)个元素,且只能限定当前元素的同级元素
     
                                                                             
                   
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值