打开APP
未登录
开通VIP,畅享免费电子书等14项超值服
开通VIP
首页
好书
留言交流
下载APP
联系客服
CSS 选择器参考手册
昵称5gUZ8
>《选择器》
2017.05.11
关注
选择器 例子 例子描述 CSS
.class
.intro 选择 class='intro' 的所有元素。 1
#id
#firstname 选择 id='firstname' 的所有元素。 1
*
* 选择所有元素。 2
element
p 选择所有
元素。
1
element,element
div,p 选择所有 元素和所有
元素。
1
elementelement
div p 选择 元素内部的所有
元素。
1
element 选择器'>element>element
div>p 选择父元素为 元素的所有
元素。
2
element+element
div+p 选择紧接在 元素之后的所有
元素。
2
[attribute]
[target] 选择带有 target 属性所有元素。 2
[attribute=value]
[target=_blank] 选择 target='_blank' 的所有元素。 2
[attribute~=value]
[title~=flower] 选择 title 属性包含单词 'flower' 的所有元素。 2
[attribute|=value]
[lang|=en] 选择 lang 属性值以 'en' 开头的所有元素。 2
:link
a:link 选择所有未被访问的链接。 1
:visited
a:visited 选择所有已被访问的链接。 1
:active
a:active 选择活动链接。 1
:hover
a:hover 选择鼠标指针位于其上的链接。 1
:focus
input:focus 选择获得焦点的 input 元素。 2
:first-letter
p:first-letter 选择每个
元素的首字母。
1
:first-line
p:first-line 选择每个
元素的首行。
1
:first-child
p
:first-child
选择属于父元素的第一个子元素的每个
元素。
2
:before
p:before 在每个
元素的内容之前插入内容。
2
:after
p:after 在每个
元素的内容之后插入内容。
2
:lang(language)
p:lang(it) 选择带有以 'it' 开头的 lang 属性值的每个
元素。
2
element1~element2
p~ul 选择前面有
元素的每个
元素。 3
[attribute^=value]
a[src^='https'] 选择其 src 属性值以 'https' 开头的每个 3
[attribute$=value]
a[src$='.pdf'] 选择其 src 属性以 '.pdf' 结尾的所有 3
[attribute*=value]
a[src*='abc'] 选择其 src 属性中包含 'abc' 子串的每个 3
:first-of-type
p:first-of-type 选择属于其父元素的首个
元素的每个
元素。
3
:last-of-type
p:last-of-type 选择属于其父元素的最后
元素的每个
元素。
3
:only-of-type
p:only-of-type 选择属于其父元素唯一的
元素的每个
元素。
3
:only-child
p:only-child 选择属于其父元素的唯一子元素的每个
元素。
3
:nth-child(n)
p:nth-child(2) 选择属于其父元素的第二个子元素的每个
元素。
3
:nth-last-child(n)
p:nth-last-child(2) 同上,从最后一个子元素开始计数。 3
:nth-of-type(n)
p:nth-of-type(2) 选择属于其父元素第二个
元素的每个
元素。
3
:nth-last-of-type(n)
p:nth-last-of-type(2) 同上,但是从最后一个子元素开始计数。 3
:last-child
p:last-child 选择属于其父元素最后一个子元素每个
元素。
3
:root
:root 选择文档的根元素。 3
:empty
p:empty 选择没有子元素的每个
元素(包括文本节点)。
3
:target
#news:target 选择当前活动的 #news 元素。 3
:enabled
input:enabled 选择每个启用的 元素。 3
:disabled
input:disabled 选择每个禁用的 元素 3
:checked
input:checked 选择每个被选中的 元素。 3
:not(selector)
:not(p) 选择非
元素的每个元素。
3
::selection
::selection 选择被用户选取的元素部分。 3
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报
。
打开APP,阅读全文并永久保存
查看更多类似文章
猜你喜欢
类似文章
【热】
打开小程序,算一算2024你的财运
css选择器
使用CSS选择器进行元素定位
jQuery选择器分类
jQuery
jQuery选择器汇总
十分钟玩转 jQuery、实例大全
更多类似文章 >>
生活服务
热点新闻
留言交流
回顶部
联系我们
分享
收藏
点击这里,查看已保存的文章
导长图
关注
一键复制
下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!
联系客服
微信登录中...
请勿关闭此页面
先别划走!
送你5元优惠券,购买VIP限时立减!
5
元
优惠券
优惠券还有
10:00
过期
马上使用
×