css选择器有哪些?

css选择器
选择器示例示例说明css备注
.clss.box选择所有class="box"的元素1 
#id#box1选择所有id="box1"的元素1 
**选择所有元素2 
elementp选择所有<p>元素1 
element,elementdiv,p选择所有<div>元素和<p>元素1 
element elementdiv p选择<div>元素内的所有<p>元素1 
element>elementdiv>p选择所有父级是 <div> 元素的 <p> 元素2 
element+elementdiv+p选择所有紧接着<div>元素之后的<p>元素2 
[attribute][target]选择所有使用target属性元素2 
[attribute=value][target=-blank]选择所欲带有target=“-blank”的元素2 
[attributel|=language][lang|=en]选择lang属性以en为开头的所有元素2 
:linka:link选择所有未访问链接1 
:visiteda:visited选择所有访问过的链接1 
a:activea:active选择活动链接1 
:hovera:hoverr选择鼠标在链接上面时1 
:focusinput:focus选择具有焦点的输入元素2 
:first-letterp:first-letter选择每一个<p>元素的第一个字母1 
:first-linep:first-line选择每一个<p>元素的第一行1 
:first-childp:first-child指定只有当<p>元素是其父级的第一个子级的样式2 
:beforep:before在每个<p>元素之前插入内容2 
:afterp:after在每个<p>元素之后2 
:lang(language)p:lang(it)选择一个lang属性的起始值="it"的所有<p>元素2 
element1~element2p~ul选择p元素之后的每一个ul元素3 
[attribute^=value]a[src^="https"]选择每一个src属性的值以https开头的元素3 
[attribute$=value]a[src$=".pdf"]选择每一个src属性的值以".pdf"结尾的元素3 
[attribute*=value]a[scr*="smd"]

选择每一个src属性的值包含子字符串smd的元素

3 
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

宋哈哈

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值