{"id":158,"date":"2024-12-18T11:13:50","date_gmt":"2024-12-18T03:13:50","guid":{"rendered":"https:\/\/via.com.de\/?p=158"},"modified":"2024-12-18T11:13:50","modified_gmt":"2024-12-18T03:13:50","slug":"%e6%b7%bb%e5%8a%a0%e8%87%aa%e5%ae%9a%e7%be%a9-css","status":"publish","type":"post","link":"https:\/\/www.aitwg.com\/?p=158","title":{"rendered":"\u6dfb\u52a0\u81ea\u5b9a\u7fa9 CSS"},"content":{"rendered":"\n<p>\u5982\u679c\u4e3b\u984c\u6c92\u6709\u76f4\u63a5\u7684\u61f8\u505c\u984f\u8272\u9078\u9805\uff0c\u53ef\u4ee5\u901a\u904e\u6dfb\u52a0\u81ea\u5b9a\u7fa9 CSS \u4f86\u5be6\u73fe\uff1a<\/p>\n\n\n\n<p>\u4fdd\u5b58\u66f4\u6539\uff0c\u4e26\u6aa2\u67e5\u7db2\u7ad9\u7684\u61f8\u505c\u6548\u679c\u3002<\/p>\n\n\n\n<p><strong>\u627e\u5230\u9078\u55ae\u7684 CSS \u985e\u540d<\/strong>\uff1a<\/p>\n\n\n\n<p>\u5728\u700f\u89bd\u5668\u4e2d\u53f3\u9375\u55ae\u64ca\u9078\u55ae\u9805\u76ee\uff0c\u9078\u64c7 <strong>\u6aa2\u67e5<\/strong> \u6216 <strong>\u67e5\u770b\u5143\u7d20<\/strong>\uff0c\u67e5\u770b\u9078\u55ae\u7684 CSS \u985e\u540d\uff08\u4f8b\u5982 <code>.menu-item<\/code> \u6216 <code>.main-menu<\/code>\uff09\u3002<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>\u6dfb\u52a0\u81ea\u5b9a\u7fa9 CSS\uff1a<\/p>\n\n\n\n<p>\u524d\u5f80 <strong>\u5916\u89c0 &gt; \u81ea\u8a02 &gt; \u984d\u5916\u7684 CSS<\/strong>\u3002<\/p>\n\n\n\n<p>\u6dfb\u52a0\u4ee5\u4e0b\u4ee3\u78bc\uff1a<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\".menu-item a:hover {\n    color: #ff0000; \/* \u5c07 #ff0000 \u66ff\u63db\u70ba\u60a8\u5e0c\u671b\u7684\u61f8\u505c\u984f\u8272 *\/\n    background-color: #f5f5f5; \/* \u53ef\u9078\uff1a\u8a2d\u7f6e\u61f8\u505c\u80cc\u666f\u8272 *\/\n}\n.current-menu-item a {\n    color: #ff0000; \/* \u4fee\u6539\u70ba\u6240\u9700\u7684\u6587\u5b57\u984f\u8272 *\/\n    background-color: #f5f5f5; \/* \u4fee\u6539\u70ba\u6240\u9700\u7684\u80cc\u666f\u984f\u8272\uff08\u53ef\u9078\uff09 *\/\n}\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">menu<\/span><span style=\"color: #81A1C1\">-<\/span><span style=\"color: #D8DEE9\">item<\/span><span style=\"color: #D8DEE9FF\"> a<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9\">hover<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    color<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> #<\/span><span style=\"color: #D8DEE9\">ff0000<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #616E88\">\/* \u5c07 #ff0000 \u66ff\u63db\u70ba\u60a8\u5e0c\u671b\u7684\u61f8\u505c\u984f\u8272 *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">background<\/span><span style=\"color: #81A1C1\">-<\/span><span style=\"color: #D8DEE9FF\">color<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> #<\/span><span style=\"color: #D8DEE9\">f5f5f5<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #616E88\">\/* \u53ef\u9078\uff1a\u8a2d\u7f6e\u61f8\u505c\u80cc\u666f\u8272 *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">current<\/span><span style=\"color: #81A1C1\">-<\/span><span style=\"color: #D8DEE9\">menu<\/span><span style=\"color: #81A1C1\">-<\/span><span style=\"color: #D8DEE9\">item<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">a<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    color<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> #<\/span><span style=\"color: #D8DEE9\">ff0000<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #616E88\">\/* \u4fee\u6539\u70ba\u6240\u9700\u7684\u6587\u5b57\u984f\u8272 *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">background<\/span><span style=\"color: #81A1C1\">-<\/span><span style=\"color: #D8DEE9FF\">color<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> #<\/span><span style=\"color: #D8DEE9\">f5f5f5<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #616E88\">\/* \u4fee\u6539\u70ba\u6240\u9700\u7684\u80cc\u666f\u984f\u8272\uff08\u53ef\u9078\uff09 *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\u5982\u679c\u60a8\u7684\u9078\u55ae\u985e\u540d\u4e0d\u540c\uff0c\u8acb\u5c07 <code>.main-menu<\/code> \u66ff\u63db\u70ba\u60a8\u627e\u5230\u7684\u6b63\u78ba\u985e\u540d\u3002<\/p>\n\n\n\n<p><strong>\u4fdd\u5b58\u4e26\u767c\u5e03<\/strong>\uff1a<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5982\u679c\u4e3b\u984c\u6c92\u6709\u76f4\u63a5\u7684\u61f8\u505c\u984f\u8272\u9078\u9805\uff0c\u53ef\u4ee5\u901a\u904e\u6dfb\u52a0\u81ea\u5b9a\u7fa9 CSS \u4f86\u5be6\u73fe\uff1a \u4fdd\u5b58\u66f4\u6539\uff0c\u4e26\u6aa2\u67e5\u7db2\u7ad9\u7684\u61f8\u505c\u6548\u679c\u3002 \u627e\u5230\u9078&hellip;&nbsp;<a href=\"https:\/\/www.aitwg.com\/?p=158\" rel=\"bookmark\"><span class=\"screen-reader-text\">\u6dfb\u52a0\u81ea\u5b9a\u7fa9 CSS<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[6],"tags":[],"class_list":["post-158","post","type-post","status-publish","format-standard","hentry","category-6"],"_links":{"self":[{"href":"https:\/\/www.aitwg.com\/index.php?rest_route=\/wp\/v2\/posts\/158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aitwg.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.aitwg.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.aitwg.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aitwg.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=158"}],"version-history":[{"count":0,"href":"https:\/\/www.aitwg.com\/index.php?rest_route=\/wp\/v2\/posts\/158\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.aitwg.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=158"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.aitwg.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=158"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.aitwg.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}