: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> 元素。 |
[attribute*=value] | a[src*="abc"] | 选择其 src 属性中包含 "abc" 子串的每个 <a> 元素。 |
:first-of-type | p:first-of-type | 指定父元素的首个 p 元素的样式,p元素作为子元素,同时也确定了p所对应的父元素 |
:last-of-type | p:last-of-type | 指定父元素的末个 p 元素的样式,p元素作为子元素,同时也确定了p所对应的父元素 |
:only-child | p:only-child | 规定属于其父元素的唯一子元素的每个 p 元素。使用此选择器前,需要保证p为子元素,且只有P这一个子元素。否则无效果 |
:nth-child(n) | p:nth-child(2) | 规定属于其父元素的第二个子元素为P的样式,使用前,需保证至少有(n)个元素,且只能限定当前元素的同级元素 |
css选择器大全(中)
最新推荐文章于 2024-07-22 20:38:06 发布