CSS3.0 选择器和一些属性

p:lang(it)    选择带有以 "it" 开头的 lang 属性值的每个 <p> 元素。

p~ul       选择前面有 <p> 元素的每个 <ul> 元素。

a[src^="https"]           选择其 src 属性值以 "https" 开头的每个 <a> 元素。

a[src$=".pdf"]    选择其 src 属性以 ".pdf" 结尾的所有 <a> 元素。

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

p:first-of-type    选择属于其父元素的首个 <p> 元素的每个 <p> 元素。

p:last-of-type    选择属于其父元素的最后 <p> 元素的每个 <p> 元素。

p:only-of-type 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。

p:only-child   选择属于其父元素的唯一子元素的每个 <p> 元素。

p:nth-child(2)   选择属于其父元素的第二个子元素的每个 <p> 元素。

p:nth-last-child(2) 选择属于其父元素倒数第二个 <p> 元素的每个 <p> 元素。

p:last-child  选择属于其父元素最后一个子元素每个 <p> 元素。

:root  选择文档的根元素。

p:empty  选择没有子元素的每个 <p> 元素(包括文本节点)。

#news:target 选择当前活动的 #news 元素。

input:enabled  选择每个启用的 <input> 元素。

input:disabled  选择每个禁用的 <input> 元素

input:checked 选择每个被选中的 <input> 元素。

:not(p)  选择非 <p> 元素的每个元素。

::selection 选择被用户选取的元素部分。


border-radius  设置所有四个 border的属性

box-shadow  向方框添加一个或多个阴影。






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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值