{"id":129,"date":"2021-02-24T19:12:09","date_gmt":"2021-02-24T11:12:09","guid":{"rendered":"https:\/\/www.52dixiaowo.com\/javascript\/?p=129"},"modified":"2021-02-24T19:20:12","modified_gmt":"2021-02-24T11:20:12","slug":"%e8%af%ad%e6%b3%95-%e4%b8%8e-%e9%80%89%e6%8b%a9%e5%99%a8","status":"publish","type":"post","link":"https:\/\/www.52dixiaowo.com\/javascript\/post-129.html","title":{"rendered":"\u8bed\u6cd5 \u4e0e \u9009\u62e9\u5668"},"content":{"rendered":"\n
1.css\u8bed\u6cd5<\/h5>\n\n\n\n

1.\u5185\u8054\u6837\u5f0f\u8bed\u6cd5<\/p>\n\n\n\n

<\u5f00\u59cb\u6807\u7b7e style=\"\u5c5e\u6027\u540d1:\u5c5e\u6027\u503c1;\u5c5e\u6027\u540d2:\u5c5e\u6027\u503c2;...\">\u6807\u7b7e\u5185\u5bb9<\/\u7ed3\u675f\u6807\u7b7e><\/code><\/pre>\n\n\n\n
2.\u5185\u90e8\u8bed\u6cd5\u683c\u5f0f\u4e3a<\/p>\n\n\n\n
<style>\n\u9009\u62e9\u5668{\n  \u5c5e\u6027\u540d1:\u5c5e\u6027\u503c1;\n  \u5c5e\u6027\u540d2:\u5c5e\u6027\u503c2;\n  ...\n}\n<\/style><\/code><\/pre>\n\n\n\n
3.\u5916\u90e8\u6837\u5f0f\u8bed\u6cd5<\/p>\n\n\n\n
\u9009\u62e9\u5668{\n  \u5c5e\u6027\u540d1:\u5c5e\u6027\u503c1;\n  \u5c5e\u6027\u540d2:\u5c5e\u6027\u503c2;\n  ...\n}<\/code><\/pre>\n\n\n\n
\u6bcf\u4e00\u5bf9\u5c5e\u6027\u4e4b\u95f4\u5fc5\u987b\u4f7f\u7528 ; \u9694\u5f00\uff0c\u6700\u540e\u4e00\u5bf9\u53ef\u4ee5\u4e0d\u7528 ;<\/p>\n\n\n\n
2.\u9009\u62e9\u5668<\/h4>\n\n\n\n
\u9009\u62e9\u5668\uff0c\u5c31\u662f\u9009\u51fa\u5177\u6709\u4e00\u5b9a\u7279\u5f81\u7684\u5143\u7d20<\/p>\n\n\n\n
\u76ee\u524d css \u5171\u6709 3 \u4e2a\u7248\u672c\uff0c\u4e0b\u9762\u5217\u51fa\u4e86\u6240\u6709\u7684\u9009\u62e9\u5668\uff0c\u6700\u540e\u4e00\u5217\u8868\u793a\u5f15\u5165\u7684\u7248\u672c<\/p>\n\n\n\n
\u9009\u62e9\u5668<\/th>\u4f8b\u5b50<\/th>\u4f8b\u5b50\u63cf\u8ff0<\/th>css<\/th><\/tr>
.class<\/em><\/a><\/td>.intro<\/td>\u9009\u62e9 class=”intro” \u7684\u6240\u6709\u5143\u7d20\u3002<\/td>1<\/td><\/tr>
#id<\/em><\/a><\/td>#firstname<\/td>\u9009\u62e9 id=”firstname” \u7684\u6240\u6709\u5143\u7d20\u3002<\/td>1<\/td><\/tr>
*<\/a><\/td>*<\/td>\u9009\u62e9\u6240\u6709\u5143\u7d20\u3002<\/td>2<\/td><\/tr>
element<\/em><\/a><\/td>p<\/td>\u9009\u62e9\u6240\u6709 <p> \u5143\u7d20\u3002<\/td>1<\/td><\/tr>
element<\/em>,element<\/em><\/a><\/td>div,p<\/td>\u9009\u62e9\u6240\u6709 <div> \u5143\u7d20\u548c\u6240\u6709 <p> \u5143\u7d20\u3002<\/td>1<\/td><\/tr>
element<\/em> element<\/em><\/a><\/td>div p<\/td>\u9009\u62e9 <div> \u5143\u7d20\u5185\u90e8\u7684\u6240\u6709 <p> \u5143\u7d20\u3002<\/td>1<\/td><\/tr>
element<\/em>>element<\/em><\/a><\/td>div>p<\/td>\u9009\u62e9\u7236\u5143\u7d20\u4e3a <div> \u5143\u7d20\u7684\u6240\u6709 <p> \u5143\u7d20\u3002<\/td>2<\/td><\/tr>
element<\/em>+element<\/em><\/a><\/td>div+p<\/td>\u9009\u62e9\u7d27\u63a5\u5728 <div> \u5143\u7d20\u4e4b\u540e\u7684\u6240\u6709 <p> \u5143\u7d20\u3002<\/td>2<\/td><\/tr>
[attribute<\/em>]<\/a><\/td>[target]<\/td>\u9009\u62e9\u5e26\u6709 target \u5c5e\u6027\u6240\u6709\u5143\u7d20\u3002<\/td>2<\/td><\/tr>
[attribute<\/em>=value<\/em>]<\/a><\/td>[target=_blank]<\/td>\u9009\u62e9 target=”_blank” \u7684\u6240\u6709\u5143\u7d20\u3002<\/td>2<\/td><\/tr>
[attribute<\/em>~=value<\/em>]<\/a><\/td>[title~=flower]<\/td>\u9009\u62e9 title \u5c5e\u6027\u5305\u542b\u5355\u8bcd “flower” \u7684\u6240\u6709\u5143\u7d20\u3002<\/td>2<\/td><\/tr>
[attribute<\/em>|=value<\/em>]<\/a><\/td>[lang|=en]<\/td>\u9009\u62e9 lang \u5c5e\u6027\u503c\u4ee5 “en” \u5f00\u5934\u7684\u6240\u6709\u5143\u7d20\u3002<\/td>2<\/td><\/tr>
:link<\/a><\/td>a:link<\/td>\u9009\u62e9\u6240\u6709\u672a\u88ab\u8bbf\u95ee\u7684\u94fe\u63a5\u3002<\/td>1<\/td><\/tr>
:visited<\/a><\/td>a:visited<\/td>\u9009\u62e9\u6240\u6709\u5df2\u88ab\u8bbf\u95ee\u7684\u94fe\u63a5\u3002<\/td>1<\/td><\/tr>
:active<\/a><\/td>a:active<\/td>\u9009\u62e9\u6d3b\u52a8\u94fe\u63a5\u3002<\/td>1<\/td><\/tr>
:hover<\/a><\/td>a:hover<\/td>\u9009\u62e9\u9f20\u6807\u6307\u9488\u4f4d\u4e8e\u5176\u4e0a\u7684\u94fe\u63a5\u3002<\/td>1<\/td><\/tr>
:focus<\/a><\/td>input:focus<\/td>\u9009\u62e9\u83b7\u5f97\u7126\u70b9\u7684 input \u5143\u7d20\u3002<\/td>2<\/td><\/tr>
:first-letter<\/a><\/td>p:first-letter<\/td>\u9009\u62e9\u6bcf\u4e2a <p> \u5143\u7d20\u7684\u9996\u5b57\u6bcd\u3002<\/td>1<\/td><\/tr>
:first-line<\/a><\/td>p:first-line<\/td>\u9009\u62e9\u6bcf\u4e2a <p> \u5143\u7d20\u7684\u9996\u884c\u3002<\/td>1<\/td><\/tr>
:first-child<\/a><\/td>p:first-child<\/td>\u9009\u62e9\u5c5e\u4e8e\u7236\u5143\u7d20\u7684\u7b2c\u4e00\u4e2a\u5b50\u5143\u7d20\u7684\u6bcf\u4e2a <p> \u5143\u7d20\u3002<\/td>2<\/td><\/tr>
:before<\/a><\/td>p:before<\/td>\u5728\u6bcf\u4e2a <p> \u5143\u7d20\u7684\u5185\u5bb9\u4e4b\u524d\u63d2\u5165\u5185\u5bb9\u3002<\/td>2<\/td><\/tr>
:after<\/a><\/td>p:after<\/td>\u5728\u6bcf\u4e2a <p> \u5143\u7d20\u7684\u5185\u5bb9\u4e4b\u540e\u63d2\u5165\u5185\u5bb9\u3002<\/td>2<\/td><\/tr>
:lang(language<\/em>)<\/a><\/td>p:lang(it)<\/td>\u9009\u62e9\u5e26\u6709\u4ee5 “it” \u5f00\u5934\u7684 lang \u5c5e\u6027\u503c\u7684\u6bcf\u4e2a <p> \u5143\u7d20\u3002<\/td>2<\/td><\/tr>
element1<\/em>~element2<\/em><\/a><\/td>p~ul<\/td>\u9009\u62e9\u524d\u9762\u6709 <p> \u5143\u7d20\u7684\u6bcf\u4e2a <ul> \u5143\u7d20\u3002<\/td>3<\/td><\/tr>
[attribute<\/em>^=value<\/em>]<\/a><\/td>a[src^=”https”]<\/td>\u9009\u62e9\u5176 src \u5c5e\u6027\u503c\u4ee5 “https” \u5f00\u5934\u7684\u6bcf\u4e2a <a> \u5143\u7d20\u3002<\/td>3<\/td><\/tr>
[attribute<\/em>$=value<\/em>]<\/a><\/td>a[src$=”.pdf”]<\/td>\u9009\u62e9\u5176 src \u5c5e\u6027\u4ee5 “.pdf” \u7ed3\u5c3e\u7684\u6240\u6709 <a> \u5143\u7d20\u3002<\/td>3<\/td><\/tr>
[attribute<\/em>*=value<\/em>]<\/a><\/td>a[src*=”abc”]<\/td>\u9009\u62e9\u5176 src \u5c5e\u6027\u4e2d\u5305\u542b “abc” \u5b50\u4e32\u7684\u6bcf\u4e2a <a> \u5143\u7d20\u3002<\/td>3<\/td><\/tr>
:first-of-type<\/a><\/td>p:first-of-type<\/td>\u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u7684\u9996\u4e2a <p> \u5143\u7d20\u7684\u6bcf\u4e2a <p> \u5143\u7d20\u3002<\/td>3<\/td><\/tr>
:last-of-type<\/a><\/td>p:last-of-type<\/td>\u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u7684\u6700\u540e <p> \u5143\u7d20\u7684\u6bcf\u4e2a <p> \u5143\u7d20\u3002<\/td>3<\/td><\/tr>
:only-of-type<\/a><\/td>p:only-of-type<\/td>\u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u552f\u4e00\u7684 <p> \u5143\u7d20\u7684\u6bcf\u4e2a <p> \u5143\u7d20\u3002<\/td>3<\/td><\/tr>
:only-child<\/a><\/td>p:only-child<\/td>\u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u7684\u552f\u4e00\u5b50\u5143\u7d20\u7684\u6bcf\u4e2a <p> \u5143\u7d20\u3002<\/td>3<\/td><\/tr>
:nth-child(n<\/em>)<\/a><\/td>p:nth-child(2)<\/td>\u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u7684\u7b2c\u4e8c\u4e2a\u5b50\u5143\u7d20\u7684\u6bcf\u4e2a <p> \u5143\u7d20\u3002<\/td>3<\/td><\/tr>
:nth-last-child(n<\/em>)<\/a><\/td>p:nth-last-child(2)<\/td>\u540c\u4e0a\uff0c\u4ece\u6700\u540e\u4e00\u4e2a\u5b50\u5143\u7d20\u5f00\u59cb\u8ba1\u6570\u3002<\/td>3<\/td><\/tr>
:nth-of-type(n<\/em>)<\/a><\/td>p:nth-of-type(2)<\/td>\u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u7b2c\u4e8c\u4e2a <p> \u5143\u7d20\u7684\u6bcf\u4e2a <p> \u5143\u7d20\u3002<\/td>3<\/td><\/tr>
:nth-last-of-type(n<\/em>)<\/a><\/td>p:nth-last-of-type(2)<\/td>\u540c\u4e0a\uff0c\u4f46\u662f\u4ece\u6700\u540e\u4e00\u4e2a\u5b50\u5143\u7d20\u5f00\u59cb\u8ba1\u6570\u3002<\/td>3<\/td><\/tr>
:last-child<\/a><\/td>p:last-child<\/td>\u9009\u62e9\u5c5e\u4e8e\u5176\u7236\u5143\u7d20\u6700\u540e\u4e00\u4e2a\u5b50\u5143\u7d20\u6bcf\u4e2a <p> \u5143\u7d20\u3002<\/td>3<\/td><\/tr>
:root<\/a><\/td>:root<\/td>\u9009\u62e9\u6587\u6863\u7684\u6839\u5143\u7d20\u3002<\/td>3<\/td><\/tr>
:empty<\/a><\/td>p:empty<\/td>\u9009\u62e9\u6ca1\u6709\u5b50\u5143\u7d20\u7684\u6bcf\u4e2a <p> \u5143\u7d20\uff08\u5305\u62ec\u6587\u672c\u8282\u70b9\uff09\u3002<\/td>3<\/td><\/tr>
:target<\/a><\/td>#news:target<\/td>\u9009\u62e9\u5f53\u524d\u6d3b\u52a8\u7684 #news \u5143\u7d20\u3002<\/td>3<\/td><\/tr>
:enabled<\/a><\/td>input:enabled<\/td>\u9009\u62e9\u6bcf\u4e2a\u542f\u7528\u7684 <input> \u5143\u7d20\u3002<\/td>3<\/td><\/tr>
:disabled<\/a><\/td>input:disabled<\/td>\u9009\u62e9\u6bcf\u4e2a\u7981\u7528\u7684 <input> \u5143\u7d20<\/td>3<\/td><\/tr>
:checked<\/a><\/td>input:checked<\/td>\u9009\u62e9\u6bcf\u4e2a\u88ab\u9009\u4e2d\u7684 <input> \u5143\u7d20\u3002<\/td>3<\/td><\/tr>
:not(selector<\/em>)<\/a><\/td>:not(p)<\/td>\u9009\u62e9\u975e <p> \u5143\u7d20\u7684\u6bcf\u4e2a\u5143\u7d20\u3002<\/td>3<\/td><\/tr>
::selection<\/a><\/td>::selection<\/td>\u9009\u62e9\u88ab\u7528\u6237\u9009\u53d6\u7684\u5143\u7d20\u90e8\u5206\u3002<\/td>3<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"
1.css\u8bed\u6cd5 1.\u5185\u8054\u6837\u5f0f\u8bed\u6cd5 2.\u5185\u90e8\u8bed\u6cd5\u683c\u5f0f\u4e3a 3.\u5916\u90e8\u6837\u5f0f\u8bed\u6cd5 \u6bcf\u4e00\u5bf9\u5c5e\u6027\u4e4b\u95f4\u5fc5\u987b\u4f7f\u7528 ; \u9694\u5f00\uff0c\u6700\u540e… \u7ee7\u7eed\u9605\u8bfb \u8bed\u6cd5 \u4e0e \u9009\u62e9\u5668<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.52dixiaowo.com\/javascript\/wp-json\/wp\/v2\/posts\/129"}],"collection":[{"href":"https:\/\/www.52dixiaowo.com\/javascript\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.52dixiaowo.com\/javascript\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.52dixiaowo.com\/javascript\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.52dixiaowo.com\/javascript\/wp-json\/wp\/v2\/comments?post=129"}],"version-history":[{"count":3,"href":"https:\/\/www.52dixiaowo.com\/javascript\/wp-json\/wp\/v2\/posts\/129\/revisions"}],"predecessor-version":[{"id":132,"href":"https:\/\/www.52dixiaowo.com\/javascript\/wp-json\/wp\/v2\/posts\/129\/revisions\/132"}],"wp:attachment":[{"href":"https:\/\/www.52dixiaowo.com\/javascript\/wp-json\/wp\/v2\/media?parent=129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.52dixiaowo.com\/javascript\/wp-json\/wp\/v2\/categories?post=129"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.52dixiaowo.com\/javascript\/wp-json\/wp\/v2\/tags?post=129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}