{"id":1203,"date":"2022-07-10T02:44:06","date_gmt":"2022-07-09T18:44:06","guid":{"rendered":"http:\/\/175.24.184.226\/?p=1203"},"modified":"2022-07-10T02:44:06","modified_gmt":"2022-07-09T18:44:06","slug":"css-%e9%80%89%e6%8b%a9%e5%99%a8","status":"publish","type":"post","link":"\/?p=1203","title":{"rendered":"CSS \u9009\u62e9\u5668"},"content":{"rendered":"

\u539f\u6587\u94fe\u63a5\uff1ahttps:\/\/www.runoob.com\/cssref\/css-selectors.html<\/a>
\nCSS\u9009\u62e9\u5668\u7528\u4e8e\u9009\u62e9\u4f60\u60f3\u8981\u7684\u5143\u7d20\u7684\u6837\u5f0f\u7684\u6a21\u5f0f\u3002<\/p>\n

"CSS"\u5217\u8868\u793a\u5728CSS\u7248\u672c\u7684\u5c5e\u6027\u5b9a\u4e49\uff08CSS1\uff0cCSS2\uff0c\u6216\u5bf9CSS3\uff09\u3002<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\u9009\u62e9\u5668<\/th>\n\u793a\u4f8b<\/th>\n\u793a\u4f8b\u8bf4\u660e<\/th>\nCSS<\/th>\n<\/tr>\n<\/thead>\n
.class<\/em><\/a><\/td>\n.intro<\/td>\n\u9009\u62e9\u6240\u6709class="intro"\u7684\u5143\u7d20<\/td>\n1<\/td>\n<\/tr>\n
#id<\/em><\/a><\/td>\n#firstname<\/td>\n\u9009\u62e9\u6240\u6709id="firstname"\u7684\u5143\u7d20<\/td>\n1<\/td>\n<\/tr>\n
*<\/a><\/td>\n*<\/td>\n\u9009\u62e9\u6240\u6709\u5143\u7d20<\/td>\n2<\/td>\n<\/tr>\n
element<\/a><\/em><\/td>\np<\/td>\n\u9009\u62e9\u6240\u6709<\/p>\n

\u5143\u7d20<\/td>\n

1<\/td>\n<\/tr>\n
element,element<\/a><\/em><\/td>\ndiv,p<\/td>\n\u9009\u62e9\u6240\u6709<\/p>\n
\u5143\u7d20\u548c<\/p>\n

\u5143\u7d20<\/td>\n

1<\/td>\n<\/tr>\n
element<\/em> element<\/em><\/a><\/td>\ndiv p<\/td>\n\u9009\u62e9<\/p>\n
\u5143\u7d20\u5185\u7684\u6240\u6709<\/p>\n

\u5143\u7d20<\/td>\n

1<\/td>\n<\/tr>\n
element<\/em>>element<\/em><\/a><\/td>\ndiv>p<\/td>\n\u9009\u62e9\u6240\u6709\u7236\u7ea7\u662f <\/p>\n
\u5143\u7d20\u7684 <\/p>\n

\u5143\u7d20<\/td>\n

2<\/td>\n<\/tr>\n
element<\/em>+element<\/em><\/a><\/td>\ndiv+p<\/td>\n\u9009\u62e9\u6240\u6709\u7d27\u8ddf\u5728 <\/p>\n
\u5143\u7d20\u4e4b\u540e\u7684\u7b2c\u4e00\u4e2a <\/p>\n

\u5143\u7d20<\/td>\n

2<\/td>\n<\/tr>\n
[attribute]<\/td>\n[target]<\/td>\n\u9009\u62e9\u6240\u6709\u5e26\u6709target\u5c5e\u6027\u5143\u7d20<\/td>\n2<\/td>\n<\/tr>\n
[attribute_=_value]<\/td>\n[target=-blank]<\/td>\n\u9009\u62e9\u6240\u6709\u4f7f\u7528target="-blank"\u7684\u5143\u7d20<\/td>\n2<\/td>\n<\/tr>\n
[attribute_~=value]<\/td>\n[title~=flower]<\/td>\n\u9009\u62e9\u6807\u9898\u5c5e\u6027\u5305\u542b\u5355\u8bcd"flower"\u7684\u6240\u6709\u5143\u7d20<\/td>\n2<\/td>\n<\/tr>\n
[attribute_=_language]<\/td>\n[lang=en]<\/td>\n\u9009\u62e9 lang \u5c5e\u6027\u7b49\u4e8e en<\/strong>\uff0c\u6216\u8005\u4ee5 en-<\/strong> \u4e3a\u5f00\u5934\u7684\u6240\u6709\u5143\u7d20<\/td>\n2<\/td>\n<\/tr>\n
:link<\/a><\/td>\na:link<\/td>\n\u9009\u62e9\u6240\u6709\u672a\u8bbf\u95ee\u94fe\u63a5<\/td>\n1<\/td>\n<\/tr>\n
:visited<\/a><\/td>\na:visited<\/td>\n\u9009\u62e9\u6240\u6709\u8bbf\u95ee\u8fc7\u7684\u94fe\u63a5<\/td>\n1<\/td>\n<\/tr>\n
:active<\/a><\/td>\na:active<\/td>\n\u9009\u62e9\u6d3b\u52a8\u94fe\u63a5<\/td>\n1<\/td>\n<\/tr>\n
:hover<\/a><\/td>\na:hover<\/td>\n\u9009\u62e9\u9f20\u6807\u5728\u94fe\u63a5\u4e0a\u9762\u65f6<\/td>\n1<\/td>\n<\/tr>\n
:focus<\/a><\/td>\ninput:focus<\/td>\n\u9009\u62e9\u5177\u6709\u7126\u70b9\u7684\u8f93\u5165\u5143\u7d20<\/td>\n2<\/td>\n<\/tr>\n
:first-letter<\/a><\/td>\np:first-letter<\/td>\n\u9009\u62e9\u6bcf\u4e00\u4e2a<\/p>\n

\u5143\u7d20\u7684\u7b2c\u4e00\u4e2a\u5b57\u6bcd<\/td>\n

1<\/td>\n<\/tr>\n
:first-line<\/a><\/td>\np:first-line<\/td>\n\u9009\u62e9\u6bcf\u4e00\u4e2a<\/p>\n

\u5143\u7d20\u7684\u7b2c\u4e00\u884c<\/td>\n

1<\/td>\n<\/tr>\n
:first-child<\/a><\/td>\np:first-child<\/td>\n\u6307\u5b9a\u53ea\u6709\u5f53<\/p>\n

\u5143\u7d20\u662f\u5176\u7236\u7ea7\u7684\u7b2c\u4e00\u4e2a\u5b50\u7ea7\u7684\u6837\u5f0f\u3002<\/td>\n

2<\/td>\n<\/tr>\n
:before<\/a><\/td>\np:before<\/td>\n\u5728\u6bcf\u4e2a<\/p>\n

\u5143\u7d20\u4e4b\u524d\u63d2\u5165\u5185\u5bb9<\/td>\n

2<\/td>\n<\/tr>\n
:after<\/a><\/td>\np:after<\/td>\n\u5728\u6bcf\u4e2a<\/p>\n

\u5143\u7d20\u4e4b\u540e\u63d2\u5165\u5185\u5bb9<\/td>\n

2<\/td>\n<\/tr>\n
:lang(language<\/em>)<\/a><\/td>\np:lang(it)<\/td>\n\u9009\u62e9\u4e00\u4e2alang\u5c5e\u6027\u7684\u8d77\u59cb\u503c="it"\u7684\u6240\u6709<\/p>\n

\u5143\u7d20<\/td>\n

2<\/td>\n<\/tr>\n
[element1~element2]<\/td>\np~ul<\/td>\n\u9009\u62e9p\u5143\u7d20\u4e4b\u540e\u7684\u6bcf\u4e00\u4e2aul\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
[attribute^=value]<\/td>\na[src^="https"]<\/td>\n\u9009\u62e9\u6bcf\u4e00\u4e2asrc\u5c5e\u6027\u7684\u503c\u4ee5"https"\u5f00\u5934\u7684\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
[attribute$=value]<\/td>\na[src$=".pdf"]<\/td>\n\u9009\u62e9\u6bcf\u4e00\u4e2asrc\u5c5e\u6027\u7684\u503c\u4ee5".pdf"\u7ed3\u5c3e\u7684\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
[attribute*=value]<\/td>\na[src*="runoob"]<\/td>\n\u9009\u62e9\u6bcf\u4e00\u4e2asrc\u5c5e\u6027\u7684\u503c\u5305\u542b\u5b50\u5b57\u7b26\u4e32"runoob"\u7684\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
:first-of-type<\/a><\/td>\np:first-of-type<\/td>\n\u9009\u62e9\u6bcf\u4e2ap\u5143\u7d20\u662f\u5176\u7236\u7ea7\u7684\u7b2c\u4e00\u4e2ap\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
:last-of-type<\/a><\/td>\np:last-of-type<\/td>\n\u9009\u62e9\u6bcf\u4e2ap\u5143\u7d20\u662f\u5176\u7236\u7ea7\u7684\u6700\u540e\u4e00\u4e2ap\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
:only-of-type<\/a><\/td>\np:only-of-type<\/td>\n\u9009\u62e9\u6bcf\u4e2ap\u5143\u7d20\u662f\u5176\u7236\u7ea7\u7684\u552f\u4e00p\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
:only-child<\/a><\/td>\np:only-child<\/td>\n\u9009\u62e9\u6bcf\u4e2ap\u5143\u7d20\u662f\u5176\u7236\u7ea7\u7684\u552f\u4e00\u5b50\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
:nth-child(n<\/em>)<\/a><\/td>\np:nth-child(2)<\/td>\n\u9009\u62e9\u6bcf\u4e2ap\u5143\u7d20\u662f\u5176\u7236\u7ea7\u7684\u7b2c\u4e8c\u4e2a\u5b50\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
:nth-last-child(n<\/em>)<\/a><\/td>\np:nth-last-child(2)<\/td>\n\u9009\u62e9\u6bcf\u4e2ap\u5143\u7d20\u7684\u662f\u5176\u7236\u7ea7\u7684\u7b2c\u4e8c\u4e2a\u5b50\u5143\u7d20\uff0c\u4ece\u6700\u540e\u4e00\u4e2a\u5b50\u9879\u8ba1\u6570<\/td>\n3<\/td>\n<\/tr>\n
:nth-of-type(n<\/em>)<\/a><\/td>\np:nth-of-type(2)<\/td>\n\u9009\u62e9\u6bcf\u4e2ap\u5143\u7d20\u662f\u5176\u7236\u7ea7\u7684\u7b2c\u4e8c\u4e2ap\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
:nth-last-of-type(n<\/em>)<\/a><\/td>\np:nth-last-of-type(2)<\/td>\n\u9009\u62e9\u6bcf\u4e2ap\u5143\u7d20\u7684\u662f\u5176\u7236\u7ea7\u7684\u7b2c\u4e8c\u4e2ap\u5143\u7d20\uff0c\u4ece\u6700\u540e\u4e00\u4e2a\u5b50\u9879\u8ba1\u6570<\/td>\n3<\/td>\n<\/tr>\n
:last-child<\/a><\/td>\np:last-child<\/td>\n\u9009\u62e9\u6bcf\u4e2ap\u5143\u7d20\u662f\u5176\u7236\u7ea7\u7684\u6700\u540e\u4e00\u4e2a\u5b50\u7ea7\u3002<\/td>\n3<\/td>\n<\/tr>\n
:root<\/a><\/td>\n:root<\/td>\n\u9009\u62e9\u6587\u6863\u7684\u6839\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
:empty<\/a><\/td>\np:empty<\/td>\n\u9009\u62e9\u6bcf\u4e2a\u6ca1\u6709\u4efb\u4f55\u5b50\u7ea7\u7684p\u5143\u7d20\uff08\u5305\u62ec\u6587\u672c\u8282\u70b9\uff09<\/td>\n3<\/td>\n<\/tr>\n
:target<\/a><\/td>\n#news:target<\/td>\n\u9009\u62e9\u5f53\u524d\u6d3b\u52a8\u7684#news\u5143\u7d20\uff08\u5305\u542b\u8be5\u951a\u540d\u79f0\u7684\u70b9\u51fb\u7684URL\uff09<\/td>\n3<\/td>\n<\/tr>\n
:enabled<\/a><\/td>\ninput:enabled<\/td>\n\u9009\u62e9\u6bcf\u4e00\u4e2a\u5df2\u542f\u7528\u7684\u8f93\u5165\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
:disabled<\/a><\/td>\ninput:disabled<\/td>\n\u9009\u62e9\u6bcf\u4e00\u4e2a\u7981\u7528\u7684\u8f93\u5165\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
:checked<\/a><\/td>\ninput:checked<\/td>\n\u9009\u62e9\u6bcf\u4e2a\u9009\u4e2d\u7684\u8f93\u5165\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
:not(selector<\/em>)<\/a><\/td>\n:not(p)<\/td>\n\u9009\u62e9\u6bcf\u4e2a\u5e76\u975ep\u5143\u7d20\u7684\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
::selection<\/a><\/td>\n::selection<\/td>\n\u5339\u914d\u5143\u7d20\u4e2d\u88ab\u7528\u6237\u9009\u4e2d\u6216\u5904\u4e8e\u9ad8\u4eae\u72b6\u6001\u7684\u90e8\u5206<\/td>\n3<\/td>\n<\/tr>\n
:out-of-range<\/a><\/td>\n:out-of-range<\/td>\n\u5339\u914d\u503c\u5728\u6307\u5b9a\u533a\u95f4\u4e4b\u5916\u7684input\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
:in-range<\/a><\/td>\n:in-range<\/td>\n\u5339\u914d\u503c\u5728\u6307\u5b9a\u533a\u95f4\u4e4b\u5185\u7684input\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
:read-write<\/a><\/td>\n:read-write<\/td>\n\u7528\u4e8e\u5339\u914d\u53ef\u8bfb\u53ca\u53ef\u5199\u7684\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
:read-only<\/a><\/td>\n:read-only<\/td>\n\u7528\u4e8e\u5339\u914d\u8bbe\u7f6e "readonly"\uff08\u53ea\u8bfb\uff09 \u5c5e\u6027\u7684\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
:optional<\/a><\/td>\n:optional<\/td>\n\u7528\u4e8e\u5339\u914d\u53ef\u9009\u7684\u8f93\u5165\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
:required<\/a><\/td>\n:required<\/td>\n\u7528\u4e8e\u5339\u914d\u8bbe\u7f6e\u4e86 "required" \u5c5e\u6027\u7684\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
:valid<\/a><\/td>\n:valid<\/td>\n\u7528\u4e8e\u5339\u914d\u8f93\u5165\u503c\u4e3a\u5408\u6cd5\u7684\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n
:invalid<\/a><\/td>\n:invalid<\/td>\n\u7528\u4e8e\u5339\u914d\u8f93\u5165\u503c\u4e3a\u975e\u6cd5\u7684\u5143\u7d20<\/td>\n3<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

CSS \u53c2\u8003\u624b\u518c<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

\u539f\u6587\u94fe\u63a5\uff1ahttps:\/\/www.runoob.com\/cssref\/css-selectors.html CSS\u9009\u62e9\u5668\u7528\u4e8e\u9009\u62e9\u4f60\u60f3\u8981\u7684 \u2026 …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0},"categories":[79],"tags":[80],"_links":{"self":[{"href":"\/index.php?rest_route=\/wp\/v2\/posts\/1203"}],"collection":[{"href":"\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1203"}],"version-history":[{"count":1,"href":"\/index.php?rest_route=\/wp\/v2\/posts\/1203\/revisions"}],"predecessor-version":[{"id":1204,"href":"\/index.php?rest_route=\/wp\/v2\/posts\/1203\/revisions\/1204"}],"wp:attachment":[{"href":"\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1203"},{"taxonomy":"post_tag","embeddable":true,"href":"\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}