:root 选择文档的根元素,等同于 html 元素
:empty 选择没有子元素的元素
:target 选取当前活动的目标元素
:not(selector) 选择除 selector 元素意外的元素
:enabled 选择可用的表单元素
:disabled 选择禁用的表单元素
:checked 选择被选中的表单元素
:after 在元素内部最前添加内容
:before 在元素内部最后添加内容
p:nth-child(2) 选择属于其父元素
第二
元素
每
<p> 元素
:nth-last-child(n) 选择属于其父元素
第二
元素
每
<p> 元素,从后向前数
Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是 1)
使用公式 (an + b)。描述:表示周期的长度,n 是计数器(从 0 开始),b 是偏移值。
:nth-child(odd)
:nth-child(even)
:nth-child(3n+1)
p:first-child 选择属于其父元素首个
元素每
<p> 元素
p:last-child 选择属于其父元素
元素每
<p> 元素
p:only-child 选择属于其父元素唯一
元素每
<p> 元素
:nth-of-type(n) 匹配父元素下指定子元素,在同类子元素中排序第n
选择属于其父元素第二
<p> 元素
每
<p> 元素
:nth-last-of-type(n) 匹配父元素下指定子元素,在同类子元素中排序第n,从后向前数
Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是 1)
使用公式 (an + b)。描述:表示周期的长度,n 是计数器(从 0 开始),b 是偏移值。
:nth-of-type(odd)
:nth-of-type(even)
:nth-of-type(3n+1)
p:first-of-type 选择属于其父元素
首
<p> 元素
每
<p> 元素
p:last-of-type 选择属于其父元素
最后一个 <p> 元素
每
<p> 元素
p:only-of-type 选择属于其父元素
唯一一
<p> 元素
每
<p> 元素
::selection 选择被用户选取的元素部分
:first-line 选择元素中的第一行
:first-letter 选择元素中的第一个字符
-
css3新增伪类
最新推荐文章于 2024-07-09 15:35:41 发布