CSS3 选择器

时间:2021-6-3 作者:qvyue

CSS3 选择器
在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。
“CSS” 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。)
选择器
例子
例子描述
CSS

.class
.intro
选择 class=”intro” 的所有元素。
1

#id

firstname

选择 id=”firstname” 的所有元素。
1

*

选择所有元素。
2

element
p
选择所有

元素。
1

element,element
div,p
选择所有

元素和所有

元素。
1

element element
div p
选择

元素内部的所有

元素。
1

element 选择器” style=”margin: 0px; padding: 0px; border: 0px; text-decoration: underline; color: rgb(144, 11, 9); background: transparent;”>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

    推荐阅读更多精彩内容

    • 复习一波CSS3选择器
      #class id选择器 选择带有指定id的元素 不能以数字开头 不能包含特殊字符(&、@、#、$等) 一个id属…
      三井豆阅读 61评论 0赞 0
    • 一大波CSS3选择器
      0. 前言 也许你已经学会了CSS的几个简单常用的选择器:#id,.class,标签选择器,后代选择器,这就让你满…
      旧丶时候阅读 947评论 15赞 52
    • 最全CSS3选择器
      一,CSS3 选择器分类 二,选择器语法 1,基本选择器语法 选择器 类型 功能描述 * 通配选择器 选择文档中所…
      newSpring666阅读 103评论 0赞 0
    • css3-选择器
      CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂…
      范小饭_阅读 243评论 1赞 10
    • CSS3简明教程之征服CSS3选择器
      第6章 征服CSS3选择器 属性选择器 在HTML中,通过各种各样的属性可以给元素增加很多附加的信息。例如,通过i…
      阿振_sc阅读 169评论 0赞 1
评论0
抽奖

reward

1赞
赞赏
更多好文

{“dataManager”:”[]”,”props”:{“isServer”:true,”initialState”:{“global”:{“done”:false,”artFromType”:null,”fontType”:”black”,”$modal”:{“ContributeModal”:false,”RewardListModal”:false,”PayModal”:false,”CollectionModal”:false,”LikeListModal”:false,”ReportModal”:false,”QRCodeShareModal”:false,”BookCatalogModal”:false,”RewardModal”:false},”$ua”:{“value”:”Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36″,”isIE11″:false,”earlyIE”:null,”chrome”:”58.0″,”firefox”:null,”safari”:null,”isMac”:false},”$diamondRate”:{“displayable”:false,”rate”:0},”readMode”:”day”,”locale”:”zh-CN”,”seoList”:[{“comments_count”:0,”public_abbr”:”#class id选择器 选择带有指定id的元素 不能以数字开头 不能包含特殊字符(u0026、@、#、$等) 一个id属…”,”share_image_url”:””,”slug”:”929c46a7d3b4″,”user”:{“id”:7525264,”nickname”:”三井豆”,”slug”:”21b1131797de”,”avatar”:”https://cdn2.jianshu.io/assets/default_avatar/10-e691107df16746d4a9f3fe9496fd1848.jpg”},”likes_count”:0,”title”:”复习一波CSS3选择器”,”id”:17748863,”views_count”:61},{“comments_count”:15,”public_abbr”:”0. 前言 也许你已经学会了CSS的几个简单常用的选择器:#id,.class,标签选择器,后代选择器,这就让你满…”,”share_image_url”:”http://upload-images.jianshu.io/upload_images/3360256-0402fd259ccc4b77.jpg”,”slug”:”0ae32645a068″,”user”:{“id”:3360256,”nickname”:”旧丶时候”,”slug”:”62a7475a9a06″,”avatar”:”https://upload.jianshu.io/users/upload_avatars/3360256/25e9e6b472a9.jpeg”},”likes_count”:52,”title”:”一大波CSS3选择器”,”id”:8249429,”views_count”:947},{“comments_count”:0,”public_abbr”:”一,CSS3 选择器分类 二,选择器语法 1,基本选择器语法 选择器 类型 功能描述 * 通配选择器 选择文档中所…”,”share_image_url”:”http://upload-images.jianshu.io/upload_images/6562946-19bfc83be99ab083.jpeg”,”slug”:”2bb9d7475f0c”,”user”:{“id”:6562946,”nickname”:”newSpring666″,”slug”:”fc3394e55d62″,”avatar”:”https://cdn2.jianshu.io/assets/default_avatar/15-a7ac401939dd4df837e3bbf82abaa2a8.jpg”},”likes_count”:0,”title”:”最全CSS3选择器”,”id”:13753650,”views_count”:103},{“comments_count”:1,”public_abbr”:”CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂…”,”share_image_url”:”http://upload-images.jianshu.io/upload_images/3358344-7e1f360ad2d2f239.png”,”slug”:”9536de99e647″,”user”:{“id”:3358344,”nickname”:”范小饭_”,”slug”:”a1684fa3e8c6″,”avatar”:”https://upload.jianshu.io/users/upload_avatars/3358344/7daf8d40-fc9a-4849-9155-63f188f77998.jpg”},”likes_count”:10,”title”:”css3-选择器”,”id”:8683559,”views_count”:243},{“comments_count”:0,”public_abbr”:”第6章 征服CSS3选择器 属性选择器 在HTML中,通过各种各样的属性可以给元素增加很多附加的信息。例如,通过i…”,”share_image_url”:””,”slug”:”cc381aa51019″,”user”:{“id”:1890055,”nickname”:”阿振_sc”,”slug”:”03c54b3670d0″,”avatar”:”https://cdn2.jianshu.io/assets/default_avatar/14-0651acff782e7a18653d7530d6b27661.jpg”},”likes_count”:1,”title”:”CSS3简明教程之征服CSS3选择器”,”id”:4059930,”views_count”:169}]},”note”:{“data”:{“is_author”:false,”last_updated_at”:1512497973,”public_title”:”CSS3 选择器”,”purchased”:false,”liked_note”:false,”comments_count”:0,”free_content”:”u003cpu003eCSS3 选择器u003cbru003en在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。u003cbru003en”CSS” 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。)u003cbru003en选择器u003cbru003en例子u003cbru003en例子描述u003cbru003enCSSu003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_class.asp” target=”_blank” rel=”nofollow”u003e.u003cemu003eclassu003c/emu003eu003c/au003eu003cbru003en.introu003cbru003en选择 class=”intro” 的所有元素。u003cbru003en1u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_id.asp” target=”_blank” rel=”nofollow”u003e#u003cemu003eidu003c/emu003eu003c/au003eu003c/pu003enu003ch1u003efirstnameu003c/h1u003enu003cpu003e选择 id=”firstname” 的所有元素。u003cbru003en1u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_all.asp” target=”_blank” rel=”nofollow”u003e*u003c/au003eu003c/pu003enu003culu003enu003cliu003enu003c/liu003enu003c/ulu003enu003cpu003e选择所有元素。u003cbru003en2u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_element.asp” target=”_blank” rel=”nofollow”u003eu003cemu003eelementu003c/emu003eu003c/au003eu003cbru003enpu003cbru003en选择所有 u0026lt;pu0026gt; 元素。u003cbru003en1u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_element_comma.asp” target=”_blank” rel=”nofollow”u003eu003cemu003eelementu003c/emu003e,u003cemu003eelementu003c/emu003eu003c/au003eu003cbru003endiv,pu003cbru003en选择所有 u0026lt;divu0026gt; 元素和所有 u0026lt;pu0026gt; 元素。u003cbru003en1u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_element_element.asp” target=”_blank” rel=”nofollow”u003eu003cemu003eelementu003c/emu003e u003cemu003eelementu003c/emu003eu003c/au003eu003cbru003endiv pu003cbru003en选择 u0026lt;divu0026gt; 元素内部的所有 u0026lt;pu0026gt; 元素。u003cbru003en1u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_element_gt.asp” target=”_blank” rel=”nofollow”u003eelement 选择器” style=”margin: 0px; padding: 0px; border: 0px; text-decoration: underline; color: rgb(144, 11, 9); background: transparent;”u0026gt;u003cemu003eelementu003c/emu003eu0026gt;u003cemu003eelementu003c/emu003eu003c/au003eu003cbru003endivu0026gt;pu003cbru003en选择父元素为 u0026lt;divu0026gt; 元素的所有 u0026lt;pu0026gt; 元素。u003cbru003en2u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_element_plus.asp” target=”_blank” rel=”nofollow”u003eu003cemu003eelementu003c/emu003e+u003cemu003eelementu003c/emu003eu003c/au003eu003cbru003endiv+pu003cbru003en选择紧接在 u0026lt;divu0026gt; 元素之后的所有 u0026lt;pu0026gt; 元素。u003cbru003en2u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_attribute.asp” target=”_blank” rel=”nofollow”u003e[u003cemu003eattributeu003c/emu003e]u003c/au003eu003cbru003en[target]u003cbru003en选择带有 target 属性所有元素。u003cbru003en2u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_attribute_value.asp” target=”_blank” rel=”nofollow”u003e[u003cemu003eattributeu003c/emu003e=u003cemu003evalueu003c/emu003e]u003c/au003eu003cbru003en[target=_blank]u003cbru003en选择 target=”_blank” 的所有元素。u003cbru003en2u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_attribute_value_contain.asp” target=”_blank” rel=”nofollow”u003e[u003cemu003eattributeu003c/emu003e~=u003cemu003evalueu003c/emu003e]u003c/au003eu003cbru003en[title~=flower]u003cbru003en选择 title 属性包含单词 “flower” 的所有元素。u003cbru003en2u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_attribute_value_start.asp” target=”_blank” rel=”nofollow”u003e[u003cemu003eattributeu003c/emu003e|=u003cemu003evalueu003c/emu003e]u003c/au003eu003cbru003en[lang|=en]u003cbru003en选择 lang 属性值以 “en” 开头的所有元素。u003cbru003en2u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_link.asp” target=”_blank” rel=”nofollow”u003e:linku003c/au003eu003cbru003ena:linku003cbru003en选择所有未被访问的链接。u003cbru003en1u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_visited.asp” target=”_blank” rel=”nofollow”u003e:visitedu003c/au003eu003cbru003ena:visitedu003cbru003en选择所有已被访问的链接。u003cbru003en1u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_active.asp” target=”_blank” rel=”nofollow”u003e:activeu003c/au003eu003cbru003ena:activeu003cbru003en选择活动链接。u003cbru003en1u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_hover.asp” target=”_blank” rel=”nofollow”u003e:hoveru003c/au003eu003cbru003ena:hoveru003cbru003en选择鼠标指针位于其上的链接。u003cbru003en1u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_focus.asp” target=”_blank” rel=”nofollow”u003e:focusu003c/au003eu003cbru003eninput:focusu003cbru003en选择获得焦点的 input 元素。u003cbru003en2u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_first-letter.asp” target=”_blank” rel=”nofollow”u003e:first-letteru003c/au003eu003cbru003enp:first-letteru003cbru003en选择每个 u0026lt;pu0026gt; 元素的首字母。u003cbru003en1u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_first-line.asp” target=”_blank” rel=”nofollow”u003e:first-lineu003c/au003eu003cbru003enp:first-lineu003cbru003en选择每个 u0026lt;pu0026gt; 元素的首行。u003cbru003en1u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_first-child.asp” target=”_blank” rel=”nofollow”u003e:first-childu003c/au003eu003cbru003enp:first-childu003cbru003en选择属于父元素的第一个子元素的每个 u0026lt;pu0026gt; 元素。u003cbru003en2u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_before.asp” target=”_blank” rel=”nofollow”u003e:beforeu003c/au003eu003cbru003enp:beforeu003cbru003en在每个 u0026lt;pu0026gt; 元素的内容之前插入内容。u003cbru003en2u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_after.asp” target=”_blank” rel=”nofollow”u003e:afteru003c/au003eu003cbru003enp:afteru003cbru003en在每个 u0026lt;pu0026gt; 元素的内容之后插入内容。u003cbru003en2u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_lang.asp” target=”_blank” rel=”nofollow”u003e:lang(u003cemu003elanguageu003c/emu003e)u003c/au003eu003cbru003enp:lang(it)u003cbru003en选择带有以 “it” 开头的 lang 属性值的每个 u0026lt;pu0026gt; 元素。u003cbru003en2u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_gen_sibling.asp” target=”_blank” rel=”nofollow”u003eu003cemu003eelement1u003c/emu003e~u003cemu003eelement2u003c/emu003eu003c/au003eu003cbru003enp~ulu003cbru003en选择前面有 u0026lt;pu0026gt; 元素的每个 u0026lt;ulu0026gt; 元素。u003cbru003en3u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_attr_begin.asp” target=”_blank” rel=”nofollow”u003e[u003cemu003eattributeu003c/emu003e^=u003cemu003evalueu003c/emu003e]u003c/au003eu003cbru003ena[src^=”https”]u003cbru003en选择其 src 属性值以 “https” 开头的每个 u0026lt;au0026gt; 元素。u003cbru003en3u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_attr_end.asp” target=”_blank” rel=”nofollow”u003e[u003cemu003eattributeu003c/emu003e$=u003cemu003evalueu003c/emu003e]u003c/au003eu003cbru003ena[src$=”.pdf”]u003cbru003en选择其 src 属性以 “.pdf” 结尾的所有 u0026lt;au0026gt; 元素。u003cbru003en3u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_attr_contain.asp” target=”_blank” rel=”nofollow”u003e[u003cemu003eattributeu003c/emu003eu003cemu003e=u003c/emu003evalue*]u003c/au003eu003cbru003ena[src*=”abc”]u003cbru003en选择其 src 属性中包含 “abc” 子串的每个 u0026lt;au0026gt; 元素。u003cbru003en3u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_first-of-type.asp” target=”_blank” rel=”nofollow”u003e:first-of-typeu003c/au003eu003cbru003enp:first-of-typeu003cbru003en选择属于其父元素的首个 u0026lt;pu0026gt; 元素的每个 u0026lt;pu0026gt; 元素。u003cbru003en3u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_last-of-type.asp” target=”_blank” rel=”nofollow”u003e:last-of-typeu003c/au003eu003cbru003enp:last-of-typeu003cbru003en选择属于其父元素的最后 u0026lt;pu0026gt; 元素的每个 u0026lt;pu0026gt; 元素。u003cbru003en3u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_only-of-type.asp” target=”_blank” rel=”nofollow”u003e:only-of-typeu003c/au003eu003cbru003enp:only-of-typeu003cbru003en选择属于其父元素唯一的 u0026lt;pu0026gt; 元素的每个 u0026lt;pu0026gt; 元素。u003cbru003en3u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_only-child.asp” target=”_blank” rel=”nofollow”u003e:only-childu003c/au003eu003cbru003enp:only-childu003cbru003en选择属于其父元素的唯一子元素的每个 u0026lt;pu0026gt; 元素。u003cbru003en3u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_nth-child.asp” target=”_blank” rel=”nofollow”u003e:nth-child(u003cemu003enu003c/emu003e)u003c/au003eu003cbru003enp:nth-child(2)u003cbru003en选择属于其父元素的第二个子元素的每个 u0026lt;pu0026gt; 元素。u003cbru003en3u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_nth-last-child.asp” target=”_blank” rel=”nofollow”u003e:nth-last-child(u003cemu003enu003c/emu003e)u003c/au003eu003cbru003enp:nth-last-child(2)u003cbru003en同上,从最后一个子元素开始计数。u003cbru003en3u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_nth-of-type.asp” target=”_blank” rel=”nofollow”u003e:nth-of-type(u003cemu003enu003c/emu003e)u003c/au003eu003cbru003enp:nth-of-type(2)u003cbru003en选择属于其父元素第二个 u0026lt;pu0026gt; 元素的每个 u0026lt;pu0026gt; 元素。u003cbru003en3u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_nth-last-of-type.asp” target=”_blank” rel=”nofollow”u003e:nth-last-of-type(u003cemu003enu003c/emu003e)u003c/au003eu003cbru003enp:nth-last-of-type(2)u003cbru003en同上,但是从最后一个子元素开始计数。u003cbru003en3u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_last-child.asp” target=”_blank” rel=”nofollow”u003e:last-childu003c/au003eu003cbru003enp:last-childu003cbru003en选择属于其父元素最后一个子元素每个 u0026lt;pu0026gt; 元素。u003cbru003en3u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_root.asp” target=”_blank” rel=”nofollow”u003e:rootu003c/au003eu003cbru003en:rootu003cbru003en选择文档的根元素。u003cbru003en3u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_empty.asp” target=”_blank” rel=”nofollow”u003e:emptyu003c/au003eu003cbru003enp:emptyu003cbru003en选择没有子元素的每个 u0026lt;pu0026gt; 元素(包括文本节点)。u003cbru003en3u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_target.asp” target=”_blank” rel=”nofollow”u003e:targetu003c/au003eu003c/pu003enu003ch1u003enews:targetu003c/h1u003enu003cpu003e选择当前活动的 #news 元素。u003cbru003en3u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_enabled.asp” target=”_blank” rel=”nofollow”u003e:enabledu003c/au003eu003cbru003eninput:enabledu003cbru003en选择每个启用的 u0026lt;inputu0026gt; 元素。u003cbru003en3u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_disabled.asp” target=”_blank” rel=”nofollow”u003e:disabledu003c/au003eu003cbru003eninput:disabledu003cbru003en选择每个禁用的 u0026lt;inputu0026gt; 元素u003cbru003en3u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_checked.asp” target=”_blank” rel=”nofollow”u003e:checkedu003c/au003eu003cbru003eninput:checkedu003cbru003en选择每个被选中的 u0026lt;inputu0026gt; 元素。u003cbru003en3u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_not.asp” target=”_blank” rel=”nofollow”u003e:not(u003cemu003eselectoru003c/emu003e)u003c/au003eu003cbru003en:not(p)u003cbru003en选择非 u0026lt;pu0026gt; 元素的每个元素。u003cbru003en3u003c/pu003enu003cpu003eu003ca href=”https://link.jianshu.com?t=http://www.w3school.com.cn/cssref/selector_selection.asp” target=”_blank” rel=”nofollow”u003e::selectionu003c/au003eu003cbru003en::selectionu003cbru003en选择被用户选取的元素部分。u003cbru003en3u003c/pu003en”,”voted_down”:false,”rewardable”:true,”show_paid_comment_tips”:false,”share_image_url”:”https://cdn2.jianshu.io/assets/default_avatar/10-e691107df16746d4a9f3fe9496fd1848.jpg”,”slug”:”db321dafcad5″,”user”:{“liked_by_user”:false,”following_count”:8,”gender”:2,”avatar_widget”:null,”slug”:”a62038ac461d”,”intro”:”在经历过了不敢奢望的得到又经历了手足无措的失去,经历了生离死别,生无可恋,最终一切交给了时间……”,”likes_count”:13,”nickname”:”palmlove”,”badges”:[],”total_fp_amount”:”1152702327151091964″,”wordage”:10503,”avatar”:”https://cdn2.jianshu.io/assets/default_avatar/10-e691107df16746d4a9f3fe9496fd1848.jpg”,”id”:4278663,”liked_user”:false},”likes_count”:0,”paid_type”:”free”,”show_ads”:true,”paid_content_accessible”:false,”hide_search_input”:true,”total_fp_amount”:”0″,”trial_open”:false,”reprintable”:true,”bookmarked”:false,”wordage”:993,”featured_comments_count”:0,”downvotes_count”:0,”wangxin_trial_open”:null,”guideShow”:{“audit_user_nickname_spliter”:0,”pc_note_bottom_btn”:1,”pc_like_author_guidance”:1,”ban_some_labels”:1,”h5_real_name_auth_link”:1,”audit_user_background_image_spliter”:0,”audit_note_spliter”:0,”new_user_no_ads”:1,”launch_tab”:0,”include_post”:0,”pc_login_guidance”:1,”audit_comment_spliter”:0,”pc_note_bottom_qrcode”:1,”audit_user_avatar_spliter”:0,”audit_collection_spliter”:0,”pc_top_lottery_guidance”:2,”subscription_guide_entry”:1,”creation_muti_function_on”:1,”explore_score_searcher”:0,”audit_user_spliter”:0,”h5_ab_test”:1,”reason_text”:1,”pc_note_popup”:2},”commentable”:true,”total_rewards_count”:0,”id”:9838992,”notebook”:{“name”:””},”activity_collection_slug”:null,”description”:”CSS3 选择器在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。”CSS” 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。)…”,”first_shared_at”:1488770142,”views_count”:75,”notebook_id”:10654881},”baseList”:{“likeList”:[],”rewardList”:[]},”status”:”success”,”statusCode”:0},”user”:{“isLogin”:false,”userInfo”:{}},”comments”:{“list”:[],”featuredList”:[]}},”initialProps”:{“pageProps”:{“query”:{“slug”:”db321dafcad5″}},”localeData”:{“common”:{“jianshu”:”简书”,”diamond”:”简书钻”,”totalAssets”:”总资产{num}”,”diamondValue”:” (约{num}元)”,”login”:”登录”,”logout”:”注销”,”register”:”注册”,”on”:”开”,”off”:”关”,”follow”:”关注”,”followBook”:”关注连载”,”following”:”已关注”,”cancelFollow”:”取消关注”,”publish”:”发布”,”wordage”:”字数”,”audio”:”音频”,”read”:”阅读”,”reward”:”赞赏”,”zan”:”赞”,”comment”:”评论”,”expand”:”展开”,”prevPage”:”上一页”,”nextPage”:”下一页”,”floor”:”楼”,”confirm”:”确定”,”delete”:”删除”,”report”:”举报”,”fontSong”:”宋体”,”fontBlack”:”黑体”,”chs”:”简体”,”cht”:”繁体”,”jianChat”:”简信”,”postRequest”:”投稿请求”,”likeAndZan”:”喜欢和赞”,”rewardAndPay”:”赞赏和付费”,”home”:”我的主页”,”markedNotes”:”收藏的文章”,”likedNotes”:”喜欢的文章”,”paidThings”:”已购内容”,”wallet”:”我的钱包”,”setting”:”设置”,”feedback”:”帮助与反馈”,”loading”:”加载中…”,”needLogin”:”请登录后进行操作”,”trialing”:”文章正在审核中…”,”reprintTip”:”禁止转载,如需转载请通过简信或评论联系作者。”},”error”:{“rewardSelf”:”无法打赏自己的文章哟~”},”message”:{“paidNoteTip”:”付费购买后才可以参与评论哦”,”CommentDisableTip”:”作者关闭了评论功能”,”contentCanNotEmptyTip”:”回复内容不能为空”,”addComment”:”评论发布成功”,”deleteComment”:”评论删除成功”,”likeComment”:”评论点赞成功”,”setReadMode”:”阅读模式设置成功”,”setFontType”:”字体设置成功”,”setLocale”:”显示语言设置成功”,”follow”:”关注成功”,”cancelFollow”:”取消关注成功”,”copySuccess”:”复制代码成功”},”header”:{“homePage”:”首页”,”download”:”下载APP”,”discover”:”发现”,”message”:”消息”,”reward”:”赞赏支持”,”editNote”:”编辑文章”,”writeNote”:”写文章”},”note”:{},”noteMeta”:{“lastModified”:”最后编辑于 “,”wordage”:”字数 {num}”,”viewsCount”:”阅读 {num}”},”divider”:{“selfText”:”以下内容为付费内容,定价 ¥{price}”,”paidText”:”已付费,可查看以下内容”,”notPaidText”:”还有 {percent} 的精彩内容”,”modify”:”点击修改”},”paidPanel”:{“buyNote”:”支付 ¥{price} 继续阅读”,”buyBook”:”立即拿下 ¥{price}”,”freeTitle”:”该作品为付费连载”,”freeText”:”购买即可永久获取连载内的所有内容,包括将来更新的内容”,”paidTitle”:”还没看够?拿下整部连载!”,”paidText”:”永久获得连载内的所有内容, 包括将来更新的内容”},”book”:{“last”:”已是最后”,”lookCatalog”:”查看连载目录”,”header”:”文章来自以下连载”},”action”:{“like”:”{num}人点赞”,”collection”:”收入专题”,”report”:”举报文章”},”comment”:{“allComments”:”全部评论”,”featuredComments”:”精彩评论”,”closed”:”评论已关闭”,”close”:”关闭评论”,”open”:”打开评论”,”desc”:”按时间倒序”,”asc”:”按时间正序”,”disableText1″:”用户已关闭评论,”,”disableText2″:”与Ta简信交流”,”placeholder”:”写下你的评论…”,”publish”:”发表”,”create”:” 添加新评论”,”reply”:” 回复”,”restComments”:”还有{num}条评论,”,”expandImage”:”展开剩余{num}张图”,”deleteText”:”确定要删除评论么?”},”collection”:{“title”:”被以下专题收入,发现更多相似内容”,”putToMyCollection”:”收入我的专题”},”seoList”:{“title”:”推荐阅读”,”more”:”更多精彩内容”},”sideList”:{“title”:”推荐阅读”},”wxShareModal”:{“desc”:”打开微信“扫一扫”,打开网页后点击屏幕右上角分享按钮”},”bookChapterModal”:{“try”:”试读”,”toggle”:”切换顺序”},”collectionModal”:{“title”:”收入到我管理的专题”,”search”:”搜索我管理的专题”,”newCollection”:”新建专题”,”create”:”创建”,”nothingFound”:”未找到相关专题”,”loadMore”:”展开查看更多”},”contributeModal”:{“search”:”搜索专题投稿”,”newCollection”:”新建专题”,”addNewOne”:”去新建一个”,”nothingFound”:”未找到相关专题”,”loadMore”:”展开查看更多”,”managed”:”我管理的专题”,”recommend”:”推荐专题”},”QRCodeShow”:{“payTitle”:”微信扫码支付”,”payText”:”支付金额”},”rewardModal”:{“title”:”给作者送糖”,”custom”:”自定义”,”placeholder”:”给Ta留言…”,”choose”:”选择支付方式”,”balance”:”简书余额”,”tooltip”:”网站该功能暂时下线,如需使用,请到简书App操作”,”confirm”:”确认支付”,”success”:”赞赏成功”},”payModal”:{“payBook”:”购买连载”,”payNote”:”购买文章”,”promotion”:”优惠券”,”promotionFetching”:”优惠券获取中…”,”noPromotion”:”无可用优惠券”,”promotionNum”:”{num}张可用”,”noUsePromotion”:”不使用优惠券”,”validPromotion”:”可用优惠券”,”invalidPromotion”:”不可用优惠券”,”total”:”支付总额”,”tip1″:”· 你将购买的商品为虚拟内容服务,购买后不支持退订、转让、退换,请斟酌确认。”,”tip2″:”· 购买后可在“已购内容”中查看和使用。”,”success”:”购买成功”},”reportModal”:{“ad”:”广告及垃圾信息”,”plagiarism”:”抄袭或未授权转载”,”placeholder”:”写下举报的详情情况(选填)”,”success”:”举报成功”},”guidModal”:{“modalAText”:”相似文章推荐”,”subText”:”下载简书APP,浏览更多相似文章”,”btnAText”:”先不下载,下次再说”,”followOkText”:”关注作者成功!”,”followTextTip”:”下载简书APP,作者更多精彩内容更新及时提醒!”,”followBtn”:”下次再说”,”downloadTipText”:”更多精彩内容,就在简书APP”,”footerDownLoadText”:”下载简书APP”,”modabTitle”:”免费送你2次抽奖机会”,”modalbTip”:”抽取10000收益加成卡,下载简书APP概率翻倍”,”modalbFooterTip”:”下载简书APP,天天参与抽大奖”,”modalReward”:”抽奖”,”scanQrtip”:”扫码下载简书APP”,”downloadAppText”:”下载简书APP,随时随地发现和创作内容”,”redText”:”阅读”,”likesText”:”赞”,”downLoadLeft”:”更多好文”,”leftscanText”:”把文字装进口袋”}},”currentLocale”:”zh-CN”,”asPath”:”/p/db321dafcad5″}},”page”:”/p/[slug]”,”query”:{“slug”:”db321dafcad5″},”buildId”:”DiIiszMW0MafE3_Lshjck”,”assetPrefix”:”https://cdn2.jianshu.io/shakespeare”}

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:qvyue@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。