{"id":277,"date":"2023-08-27T15:20:20","date_gmt":"2023-08-27T07:20:20","guid":{"rendered":"https:\/\/www.qzdd.net\/?p=277"},"modified":"2023-08-27T15:20:20","modified_gmt":"2023-08-27T07:20:20","slug":"css%e4%bc%aa%e7%b1%bb%e5%92%8c%e4%bc%aa%e5%85%83%e7%b4%a0","status":"publish","type":"post","link":"https:\/\/www.qzdd.net\/?p=277","title":{"rendered":"CSS\u4f2a\u7c7b\u548c\u4f2a\u5143\u7d20"},"content":{"rendered":"\n

\u4f2a\u7c7b<\/a><\/h3>\n\n\n\n
\u9009\u62e9\u5668<\/th>\u63cf\u8ff0<\/th><\/tr><\/thead>
:active<\/code><\/a><\/td>\u5728\u7528\u6237\u6fc0\u6d3b\uff08\u4f8b\u5982\u70b9\u51fb\uff09\u5143\u7d20\u7684\u65f6\u5019\u5339\u914d\u3002<\/td><\/tr>
:any-link<\/code><\/a><\/td>\u5339\u914d\u4e00\u4e2a\u94fe\u63a5\u7684:link<\/code>\u548c:visited<\/code>\u72b6\u6001\u3002<\/td><\/tr>
:blank<\/code><\/a><\/td>\u5339\u914d\u7a7a\u8f93\u5165\u503c\u7684<input><\/code>\u5143\u7d20<\/a>\u3002<\/td><\/tr>
:checked<\/code><\/a><\/td>\u5339\u914d\u5904\u4e8e\u9009\u4e2d\u72b6\u6001\u7684\u5355\u9009\u6216\u8005\u590d\u9009\u6846\u3002<\/td><\/tr>
:current<\/code> (en-US)<\/small><\/a><\/td>\u5339\u914d\u6b63\u5728\u5c55\u793a\u7684\u5143\u7d20\uff0c\u6216\u8005\u5176\u4e0a\u7ea7\u5143\u7d20\u3002<\/td><\/tr>
:default<\/code><\/a><\/td>\u5339\u914d\u4e00\u7ec4\u76f8\u4f3c\u7684\u5143\u7d20\u4e2d\u9ed8\u8ba4\u7684\u4e00\u4e2a\u6216\u8005\u66f4\u591a\u7684 UI \u5143\u7d20\u3002<\/td><\/tr>
:dir<\/code><\/a><\/td>\u57fa\u4e8e\u5176\u65b9\u5411\u6027\uff08HTMLdir<\/code><\/a>\u5c5e\u6027\u6216\u8005 CSSdirection<\/code><\/a>\u5c5e\u6027\u7684\u503c\uff09\u5339\u914d\u4e00\u4e2a\u5143\u7d20\u3002<\/td><\/tr>
:disabled<\/code><\/a><\/td>\u5339\u914d\u5904\u4e8e\u5173\u95ed\u72b6\u6001\u7684\u7528\u6237\u754c\u9762\u5143\u7d20<\/td><\/tr>
:empty<\/code><\/a><\/td>\u5339\u914d\u9664\u4e86\u53ef\u80fd\u5b58\u5728\u7684\u7a7a\u683c\u5916\uff0c\u6ca1\u6709\u5b50\u5143\u7d20\u7684\u5143\u7d20\u3002<\/td><\/tr>
:enabled<\/code><\/a><\/td>\u5339\u914d\u5904\u4e8e\u5f00\u542f\u72b6\u6001\u7684\u7528\u6237\u754c\u9762\u5143\u7d20\u3002<\/td><\/tr>
:first<\/code><\/a><\/td>\u5339\u914d\u5206\u9875\u5a92\u4f53<\/a>\u7684\u7b2c\u4e00\u9875\u3002<\/td><\/tr>
:first-child<\/code><\/a><\/td>\u5339\u914d\u5144\u5f1f\u5143\u7d20\u4e2d\u7684\u7b2c\u4e00\u4e2a\u5143\u7d20\u3002<\/td><\/tr>
:first-of-type<\/code><\/a><\/td>\u5339\u914d\u5144\u5f1f\u5143\u7d20\u4e2d\u7b2c\u4e00\u4e2a\u67d0\u79cd\u7c7b\u578b\u7684\u5143\u7d20\u3002<\/td><\/tr>
:focus<\/code><\/a><\/td>\u5f53\u4e00\u4e2a\u5143\u7d20\u6709\u7126\u70b9\u7684\u65f6\u5019\u5339\u914d\u3002<\/td><\/tr>
:focus-visible<\/code><\/a><\/td>\u5f53\u5143\u7d20\u6709\u7126\u70b9\uff0c\u4e14\u7126\u70b9\u5bf9\u7528\u6237\u53ef\u89c1\u7684\u65f6\u5019\u5339\u914d\u3002<\/td><\/tr>
:focus-within<\/code><\/a><\/td>\u5339\u914d\u6709\u7126\u70b9\u7684\u5143\u7d20\uff0c\u4ee5\u53ca\u5b50\u4ee3\u5143\u7d20\u6709\u7126\u70b9\u7684\u5143\u7d20\u3002<\/td><\/tr>
:future<\/code> (en-US)<\/small><\/a><\/td>\u5339\u914d\u5f53\u524d\u5143\u7d20\u4e4b\u540e\u7684\u5143\u7d20\u3002<\/td><\/tr>
:hover<\/code><\/a><\/td>\u5f53\u7528\u6237\u60ac\u6d6e\u5230\u4e00\u4e2a\u5143\u7d20\u4e4b\u4e0a\u7684\u65f6\u5019\u5339\u914d\u3002<\/td><\/tr>
:indeterminate<\/code><\/a><\/td>\u5339\u914d\u672a\u5b9a\u6001\u503c\u7684 UI \u5143\u7d20\uff0c\u901a\u5e38\u4e3a\u590d\u9009\u6846<\/a>\u3002<\/td><\/tr>
:in-range<\/code><\/a><\/td>\u7528\u4e00\u4e2a\u533a\u95f4\u5339\u914d\u5143\u7d20\uff0c\u5f53\u503c\u5904\u4e8e\u533a\u95f4\u4e4b\u5185\u65f6\u5339\u914d\u3002<\/td><\/tr>
:invalid<\/code><\/a><\/td>\u5339\u914d\u8bf8\u5982<input><\/code>\u7684\u4f4d\u4e8e\u4e0d\u53ef\u7528\u72b6\u6001\u7684\u5143\u7d20\u3002<\/td><\/tr>
:lang<\/code><\/a><\/td>\u57fa\u4e8e\u8bed\u8a00\uff08HTMLlang<\/a>\u5c5e\u6027\u7684\u503c\uff09\u5339\u914d\u5143\u7d20\u3002<\/td><\/tr>
:last-child<\/code><\/a><\/td>\u5339\u914d\u5144\u5f1f\u5143\u7d20\u4e2d\u6700\u672b\u7684\u90a3\u4e2a\u5143\u7d20\u3002<\/td><\/tr>
:last-of-type<\/code><\/a><\/td>\u5339\u914d\u5144\u5f1f\u5143\u7d20\u4e2d\u6700\u540e\u4e00\u4e2a\u67d0\u79cd\u7c7b\u578b\u7684\u5143\u7d20\u3002<\/td><\/tr>
:left<\/code><\/a><\/td>\u5728\u5206\u9875\u5a92\u4f53<\/a>\u4e2d\uff0c\u5339\u914d\u5de6\u624b\u8fb9\u7684\u9875\u3002<\/td><\/tr>
:link<\/code><\/a><\/td>\u5339\u914d\u672a\u66fe\u8bbf\u95ee\u7684\u94fe\u63a5\u3002<\/td><\/tr>
:local-link<\/code> (en-US)<\/small><\/a><\/td>\u5339\u914d\u6307\u5411\u548c\u5f53\u524d\u6587\u6863\u540c\u4e00\u7f51\u7ad9\u9875\u9762\u7684\u94fe\u63a5\u3002<\/td><\/tr>
:is()<\/code><\/a><\/td>\u5339\u914d\u4f20\u5165\u7684\u9009\u62e9\u5668\u5217\u8868\u4e2d\u7684\u4efb\u4f55\u9009\u62e9\u5668\u3002<\/td><\/tr>
:not<\/code><\/a><\/td>\u5339\u914d\u4f5c\u4e3a\u503c\u4f20\u5165\u81ea\u8eab\u7684\u9009\u62e9\u5668\u672a\u5339\u914d\u7684\u7269\u4ef6\u3002<\/td><\/tr>
:nth-child<\/code><\/a><\/td>\u5339\u914d\u4e00\u5217\u5144\u5f1f\u5143\u7d20\u4e2d\u7684\u5143\u7d20\u2014\u2014\u5144\u5f1f\u5143\u7d20\u6309\u7167an+b<\/em>\u5f62\u5f0f\u7684\u5f0f\u5b50\u8fdb\u884c\u5339\u914d\uff08\u6bd4\u5982 2n+1 \u5339\u914d\u5143\u7d20 1\u30013\u30015\u30017 \u7b49\u3002\u5373\u6240\u6709\u7684\u5947\u6570\u4e2a\uff09\u3002<\/td><\/tr>
:nth-of-type<\/code><\/a><\/td>\u5339\u914d\u67d0\u79cd\u7c7b\u578b\u7684\u4e00\u5217\u5144\u5f1f\u5143\u7d20\uff08\u6bd4\u5982\uff0c<p><\/code>\u5143\u7d20\uff09\u2014\u2014\u5144\u5f1f\u5143\u7d20\u6309\u7167an+b<\/em>\u5f62\u5f0f\u7684\u5f0f\u5b50\u8fdb\u884c\u5339\u914d\uff08\u6bd4\u5982 2n+1 \u5339\u914d\u5143\u7d20 1\u30013\u30015\u30017 \u7b49\u3002\u5373\u6240\u6709\u7684\u5947\u6570\u4e2a\uff09\u3002<\/td><\/tr>
:nth-last-child<\/code><\/a><\/td>\u5339\u914d\u4e00\u5217\u5144\u5f1f\u5143\u7d20\uff0c\u4ece\u540e\u5f80\u524d\u5012\u6570\u3002\u5144\u5f1f\u5143\u7d20\u6309\u7167an+b<\/em>\u5f62\u5f0f\u7684\u5f0f\u5b50\u8fdb\u884c\u5339\u914d\uff08\u6bd4\u5982 2n+1 \u5339\u914d\u6309\u7167\u987a\u5e8f\u6765\u7684\u6700\u540e\u4e00\u4e2a\u5143\u7d20\uff0c\u7136\u540e\u5f80\u524d\u4e24\u4e2a\uff0c\u518d\u5f80\u524d\u4e24\u4e2a\uff0c\u8bf8\u5982\u6b64\u7c7b\u3002\u4ece\u540e\u5f80\u524d\u6570\u7684\u6240\u6709\u5947\u6570\u4e2a\uff09\u3002<\/td><\/tr>
:nth-last-of-type<\/code><\/a><\/td>\u5339\u914d\u67d0\u79cd\u7c7b\u578b\u7684\u4e00\u5217\u5144\u5f1f\u5143\u7d20\uff08\u6bd4\u5982\uff0c<p><\/code>\u5143\u7d20\uff09\uff0c\u4ece\u540e\u5f80\u524d\u5012\u6570\u3002\u5144\u5f1f\u5143\u7d20\u6309\u7167an+b<\/em>\u5f62\u5f0f\u7684\u5f0f\u5b50\u8fdb\u884c\u5339\u914d\uff08\u6bd4\u5982 2n+1 \u5339\u914d\u6309\u7167\u987a\u5e8f\u6765\u7684\u6700\u540e\u4e00\u4e2a\u5143\u7d20\uff0c\u7136\u540e\u5f80\u524d\u4e24\u4e2a\uff0c\u518d\u5f80\u524d\u4e24\u4e2a\uff0c\u8bf8\u5982\u6b64\u7c7b\u3002\u4ece\u540e\u5f80\u524d\u6570\u7684\u6240\u6709\u5947\u6570\u4e2a\uff09\u3002<\/td><\/tr>
:only-child<\/code><\/a><\/td>\u5339\u914d\u6ca1\u6709\u5144\u5f1f\u5143\u7d20\u7684\u5143\u7d20\u3002<\/td><\/tr>
:only-of-type<\/code><\/a><\/td>\u5339\u914d\u5144\u5f1f\u5143\u7d20\u4e2d\u67d0\u7c7b\u578b\u4ec5\u6709\u7684\u5143\u7d20\u3002<\/td><\/tr>
:optional<\/code><\/a><\/td>\u5339\u914d\u4e0d\u662f\u5fc5\u586b\u7684 form \u5143\u7d20\u3002<\/td><\/tr>
:out-of-range<\/code><\/a><\/td>\u6309\u533a\u95f4\u5339\u914d\u5143\u7d20\uff0c\u5f53\u503c\u4e0d\u5728\u533a\u95f4\u5185\u7684\u7684\u65f6\u5019\u5339\u914d\u3002<\/td><\/tr>
:past<\/code> (en-US)<\/small><\/a><\/td>\u5339\u914d\u5f53\u524d\u5143\u7d20\u4e4b\u524d\u7684\u5143\u7d20\u3002<\/td><\/tr>
:placeholder-shown<\/code><\/a><\/td>\u5339\u914d\u663e\u793a\u5360\u4f4d\u6587\u5b57\u7684 input \u5143\u7d20\u3002<\/td><\/tr>
:playing<\/code><\/a><\/td>\u5339\u914d\u4ee3\u8868\u97f3\u9891\u3001\u89c6\u9891\u6216\u8005\u76f8\u4f3c\u7684\u80fd\u201c\u64ad\u653e\u201d\u6216\u8005\u201c\u6682\u505c\u201d\u7684\u8d44\u6e90\u7684\uff0c\u4e14\u6b63\u5728\u201c\u64ad\u653e\u201d\u7684\u5143\u7d20\u3002<\/td><\/tr>
:paused<\/code><\/a><\/td>\u5339\u914d\u4ee3\u8868\u97f3\u9891\u3001\u89c6\u9891\u6216\u8005\u76f8\u4f3c\u7684\u80fd\u201c\u64ad\u653e\u201d\u6216\u8005\u201c\u6682\u505c\u201d\u7684\u8d44\u6e90\u7684\uff0c\u4e14\u6b63\u5728\u201c\u6682\u505c\u201d\u7684\u5143\u7d20\u3002<\/td><\/tr>
:read-only<\/code><\/a><\/td>\u5339\u914d\u7528\u6237\u4e0d\u53ef\u66f4\u6539\u7684\u5143\u7d20\u3002<\/td><\/tr>
:read-write<\/code><\/a><\/td>\u5339\u914d\u7528\u6237\u53ef\u66f4\u6539\u7684\u5143\u7d20\u3002<\/td><\/tr>
:required<\/code><\/a><\/td>\u5339\u914d\u5fc5\u586b\u7684 form \u5143\u7d20\u3002<\/td><\/tr>
:right<\/code><\/a><\/td>\u5728\u5206\u9875\u5a92\u4f53<\/a>\u4e2d\uff0c\u5339\u914d\u53f3\u624b\u8fb9\u7684\u9875\u3002<\/td><\/tr>
:root<\/code><\/a><\/td>\u5339\u914d\u6587\u6863\u7684\u6839\u5143\u7d20\u3002<\/td><\/tr>
:scope<\/code><\/a><\/td>\u5339\u914d\u4efb\u4f55\u4e3a\u53c2\u8003\u70b9\u5143\u7d20\u7684\u7684\u5143\u7d20\u3002<\/td><\/tr>
:valid<\/code><\/a><\/td>\u5339\u914d\u8bf8\u5982<input><\/code>\u5143\u7d20\u7684\u5904\u4e8e\u53ef\u7528\u72b6\u6001\u7684\u5143\u7d20\u3002<\/td><\/tr>
:target<\/code><\/a><\/td>\u5339\u914d\u5f53\u524d URL \u76ee\u6807\u7684\u5143\u7d20\uff08\u4f8b\u5982\u5982\u679c\u5b83\u6709\u4e00\u4e2a\u5339\u914d\u5f53\u524dURL \u5206\u6bb5<\/a>\u7684\u5143\u7d20\uff09\u3002<\/td><\/tr>
:visited<\/code><\/a><\/td>\u5339\u914d\u5df2\u8bbf\u95ee\u94fe\u63a5\u3002<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

\u4f2a\u5143\u7d20<\/a><\/h3>\n\n\n\n
\u9009\u62e9\u5668<\/th>\u63cf\u8ff0<\/th><\/tr><\/thead>
::after<\/code><\/a><\/td>\u5339\u914d\u51fa\u73b0\u5728\u539f\u6709\u5143\u7d20\u7684\u5b9e\u9645\u5185\u5bb9\u4e4b\u540e\u7684\u4e00\u4e2a\u53ef\u6837\u5f0f\u5316\u5143\u7d20\u3002<\/td><\/tr>
::before<\/code><\/a><\/td>\u5339\u914d\u51fa\u73b0\u5728\u539f\u6709\u5143\u7d20\u7684\u5b9e\u9645\u5185\u5bb9\u4e4b\u524d\u7684\u4e00\u4e2a\u53ef\u6837\u5f0f\u5316\u5143\u7d20\u3002<\/td><\/tr>
::first-letter<\/code><\/a><\/td>\u5339\u914d\u5143\u7d20\u7684\u7b2c\u4e00\u4e2a\u5b57\u6bcd\u3002<\/td><\/tr>
::first-line<\/code><\/a><\/td>\u5339\u914d\u5305\u542b\u6b64\u4f2a\u5143\u7d20\u7684\u5143\u7d20\u7684\u7b2c\u4e00\u884c\u3002<\/td><\/tr>
::grammar-error<\/code><\/a><\/td>\u5339\u914d\u6587\u6863\u4e2d\u5305\u542b\u4e86\u6d4f\u89c8\u5668\u6807\u8bb0\u7684\u8bed\u6cd5\u9519\u8bef\u7684\u90a3\u90e8\u5206\u3002<\/td><\/tr>
::selection<\/code><\/a><\/td>\u5339\u914d\u6587\u6863\u4e2d\u88ab\u9009\u62e9\u7684\u90a3\u90e8\u5206\u3002<\/td><\/tr>
::spelling-error<\/code><\/a><\/td>\u5339\u914d\u6587\u6863\u4e2d\u5305\u542b\u4e86\u6d4f\u89c8\u5668\u6807\u8bb0\u7684\u62fc\u5199\u9519\u8bef\u7684\u90a3\u90e8\u5206\u3002<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"

\u4f2a\u7c7b \u9009\u62e9\u5668 \u63cf\u8ff0 :active \u5728\u7528\u6237\u6fc0\u6d3b\uff08\u4f8b\u5982\u70b9\u51fb\uff09\u5143\u7d20\u7684\u65f6\u5019\u5339\u914d\u3002 :any-link \u5339\u914d\u4e00\u4e2a\u94fe\u63a5\u7684 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[68,69],"class_list":["post-277","post","type-post","status-publish","format-standard","hentry","category-base","tag-68","tag-69"],"_links":{"self":[{"href":"https:\/\/www.qzdd.net\/index.php?rest_route=\/wp\/v2\/posts\/277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.qzdd.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.qzdd.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.qzdd.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.qzdd.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=277"}],"version-history":[{"count":0,"href":"https:\/\/www.qzdd.net\/index.php?rest_route=\/wp\/v2\/posts\/277\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.qzdd.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.qzdd.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=277"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.qzdd.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}