{"id":1424,"date":"2020-11-27T16:04:54","date_gmt":"2020-11-27T08:04:54","guid":{"rendered":"https:\/\/learningnow.com.tw\/?p=1424"},"modified":"2021-03-18T23:32:37","modified_gmt":"2021-03-18T15:32:37","slug":"css-composite-selector","status":"publish","type":"post","link":"https:\/\/learningnow.com.tw\/css-composite-selector\/","title":{"rendered":"\u3010CSS\u6559\u5b78\u3011Day05 \u2013 CSS\u8907\u5408\u9078\u64c7\u5668\uff0c\u7528\u5c0d\u65b9\u6cd5\u80fd\u7e2e\u6e1b\u4ee3\u78bc\u91cf (\u8a73\u7d30\u89e3\u8aaa)"},"content":{"rendered":"\n<p>\u7d93\u904e\u6211\u5011\u524d\u9762CSS\u6559\u5b78\u5f8c\u958b\u59cb\u9032\u884c\u958b\u767c\u5f8c\u4f60\u662f\u4e0d\u662f\u767c\u73fe\u6709\u6642\u5019\u5728\u5beb CSS \u5c6c\u6027\u4ee3\u78bc\uff0c\u6709\u5f88\u591a\u6539\u8b8a\u4e00\u500b\u6771\u897f\u6211\u5c31\u8981\u5beb\u4e00\u6b21\u53bb\u8072\u660e\uff0c\u90a3\u5beb\u4e00\u767e\u500b\u4e00\u5343\u500b\u90fd\u91cd\u8907\u7684\u5c31\u7b97\u6211\u80fd\u5920\u4f7f\u7528\u8907\u88fd\u8cbc\u4e0a\u4f46\u4f60\u53ef\u80fd\u9084\u662f\u53d7\u4e0d\u4e86\u9019\u6a23\u4e00\u76f4\u91cd\u8907\u6027\u5de5\u4f5c\uff0c\u662f\u4e0d\u662f\u53ad\u5026\u9019\u6a23\u5b50\u64cd\u4f5c\u5462? \u662f\u7684\u6211\u4e5f\u662f\u6240\u4ee5\u672c\u7bc7\u6587\u7ae0\u6703\u6559\u4f60\u5982\u4f55\u4f7f\u7528\u4e00\u4e9b\u65b9\u6cd5\u548c\u6280\u5de7\uff0c\u5c31\u80fd\u5920\u8b93\u90a3\u4e9b\u91cd\u8907\u6027\u7684\u4ee3\u78bc\u4e0d\u5728\u51fa\u73fe\uff0c\u8b93\u4f60\u5728\u958b\u767c\u904e\u7a0b\u4e2d\u6548\u529b\u5927\u5927\u63d0\u9ad8\u90a3\u6211\u5011\u8d95\u5feb\u4f86\u4ecb\u7d39\u4e00\u4e0b\u5427!<\/p>\n\n\n\n<ul><li><strong>\u4ec0\u9ebc\u662f\u8907\u5408\u9078\u64c7\u5668?<\/strong><\/li><li><strong>\u8907\u5408\u9078\u64c7\u5668\u7531\u90a3\u4e9b\u6240\u7d44\u6210\u7684?<\/strong><\/li><li><strong>\u5e38\u7528\u7684\u8907\u5408\u9078\u64c7\u5668\u5305\u542b\u54ea\u4e9b?<\/strong><\/li><\/ul>\n\n\n\n<a class=\"btn_CTA\" href=\"https:\/\/learningnow.com.tw\/affiliate-marketing-make-money\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u9ede\u6211\u77ad\u89e3 \u5c0f\u9752\u5982\u4f55\u6bcf\u6708\u591a\u8cfa5\u4f4d\u6578\u53f0\u5e63<\/a>\n\n\n\n<p><\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_45 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">\u5167\u5bb9\u76ee\u9304<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" area-label=\"ez-toc-toggle-icon-1\"><label for=\"item-662ecfe6df65c\" aria-label=\"\u5167\u5bb9\u76ee\u9304\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><input  type=\"checkbox\" id=\"item-662ecfe6df65c\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/learningnow.com.tw\/css-composite-selector\/#CSS_%E5%BE%8C%E4%BB%A3%E9%81%B8%E6%93%87%E5%99%A8%E6%98%AF%E4%BB%80%E9%BA%BC\" title=\"CSS \u5f8c\u4ee3\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?\">CSS \u5f8c\u4ee3\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/learningnow.com.tw\/css-composite-selector\/#CSS_%E5%BE%8C%E4%BB%A3%E9%81%B8%E6%93%87%E5%99%A8%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8\" title=\"CSS \u5f8c\u4ee3\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528?\">CSS \u5f8c\u4ee3\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/learningnow.com.tw\/css-composite-selector\/#CSS_%E5%BE%8C%E4%BB%A3%E9%81%B8%E6%93%87%E5%99%A8%E7%B8%BD%E7%B5%90\" title=\"CSS \u5f8c\u4ee3\u9078\u64c7\u5668\u7e3d\u7d50\">CSS \u5f8c\u4ee3\u9078\u64c7\u5668\u7e3d\u7d50<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/learningnow.com.tw\/css-composite-selector\/#CSS_%E5%AD%90%E9%81%B8%E6%93%87%E5%99%A8%E6%98%AF%E4%BB%80%E9%BA%BC\" title=\"CSS \u5b50\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?\">CSS \u5b50\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/learningnow.com.tw\/css-composite-selector\/#CSS_%E5%AD%90%E9%81%B8%E6%93%87%E5%99%A8%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8\" title=\"CSS \u5b50\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528?\">CSS \u5b50\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/learningnow.com.tw\/css-composite-selector\/#CSS_%E4%B8%A6%E9%9B%86%E9%81%B8%E6%93%87%E5%99%A8%E6%98%AF%E4%BB%80%E9%BA%BC\" title=\"CSS \u4e26\u96c6\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?\">CSS \u4e26\u96c6\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/learningnow.com.tw\/css-composite-selector\/#CSS_%E4%B8%A6%E9%9B%86%E9%81%B8%E6%93%87%E5%99%A8%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8\" title=\"CSS \u4e26\u96c6\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528?\">CSS \u4e26\u96c6\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/learningnow.com.tw\/css-composite-selector\/#CSS_%E5%81%BD%E9%A1%9E%E9%81%B8%E6%93%87%E5%99%A8%E6%98%AF%E4%BB%80%E9%BA%BC\" title=\"CSS \u507d\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?\">CSS \u507d\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/learningnow.com.tw\/css-composite-selector\/#CSS_%E5%81%BD%E9%A1%9E%E9%81%B8%E6%93%87%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8\" title=\"CSS \u507d\u985e\u9078\u64c7\u5982\u4f55\u4f7f\u7528?\">CSS \u507d\u985e\u9078\u64c7\u5982\u4f55\u4f7f\u7528?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/learningnow.com.tw\/css-composite-selector\/#CSS_%E9%8F%88%E7%B5%90%E5%81%BD%E9%A1%9E%E9%81%B8%E6%93%87%E5%99%A8%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8\" title=\"CSS \u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528?\">CSS \u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/learningnow.com.tw\/css-composite-selector\/#%E9%8F%88%E7%B5%90%E5%81%BD%E9%A1%9E%E9%81%B8%E6%93%87%E5%99%A8%E8%A9%B2%E6%B3%A8%E6%84%8F%E4%BB%80%E9%BA%BC\" title=\"\u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668\u8a72\u6ce8\u610f\u4ec0\u9ebc?\">\u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668\u8a72\u6ce8\u610f\u4ec0\u9ebc?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/learningnow.com.tw\/css-composite-selector\/#_focus%E5%81%BD%E9%A1%9E%E9%81%B8%E6%93%87%E5%99%A8%E6%98%AF%E4%BB%80%E9%BA%BC\" title=\":focus\u507d\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?\">:focus\u507d\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/learningnow.com.tw\/css-composite-selector\/#CSS%E8%A4%87%E5%90%88%E9%81%B8%E6%93%87%E5%99%A8%E7%B8%BD%E7%B5%90\" title=\"CSS\u8907\u5408\u9078\u64c7\u5668\u7e3d\u7d50\">CSS\u8907\u5408\u9078\u64c7\u5668\u7e3d\u7d50<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E5%BE%8C%E4%BB%A3%E9%81%B8%E6%93%87%E5%99%A8%E6%98%AF%E4%BB%80%E9%BA%BC\"><\/span>CSS \u5f8c\u4ee3\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5f8c\u4ee3\u9078\u64c7\u5668\u662f\u4ec0\u9ebc\u5462.jpg?resize=1024%2C575&#038;ssl=1\" alt=\"\" class=\"wp-image-1443\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5f8c\u4ee3\u9078\u64c7\u5668\u662f\u4ec0\u9ebc\u5462.jpg?resize=1024%2C575&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5f8c\u4ee3\u9078\u64c7\u5668\u662f\u4ec0\u9ebc\u5462.jpg?resize=300%2C168&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5f8c\u4ee3\u9078\u64c7\u5668\u662f\u4ec0\u9ebc\u5462.jpg?resize=768%2C431&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5f8c\u4ee3\u9078\u64c7\u5668\u662f\u4ec0\u9ebc\u5462.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5f8c\u4ee3\u9078\u64c7\u5668\u662f\u4ec0\u9ebc\u5462.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p><span class=\"has-inline-color has-vivid-red-color\">\u5f8c\u4ee3\u9078\u64c7\u5668<\/span>\u662f\u4e00\u500b\u975e\u5e38\u91cd\u8981\u7684\u9078\u64c7\u5668\uff0c\u53ef\u4ee5\u8aaa\u5929\u5929\u90fd\u5728\u4f7f\u7528\uff0c\u5f8c\u4ee3\u9078\u64c7\u5668\u53c8\u7a31\u70ba<strong><span class=\"has-inline-color has-vivid-red-color\">\u5305\u542b\u9078\u64c7\u5668<\/span><\/strong>\uff0c\u597d\u50cf\u6709\u9ede\u96e3\u7406\u89e3\u4e5f\u5c31\u662f\u8aaa\u5b83\u80fd\u5920\u9078\u64c7<strong>\u7236\u5143\u7d20<\/strong>\u88e1\u982d\u7684<strong>\u5b50\u5143\u7d20<\/strong>\uff0c\u518d\u8aaa\u66f4\u7c21\u55ae\u597d\u7406\u89e3\u7684\u4f8b\u5b50\uff0c\u4eca\u5929\u6211\u5011\u8fa6\u7236\u5b50\u5ea7\u8ac7\u6703\u5e6b\u5b69\u5b50\u5b89\u6392\u4f4d\u5b50\u524d\u4e5f\u9700\u8981\u5b89\u6392\u7238\u7238\u7684\u4f4d\u7f6e\uff0c\u7238\u7238\u6392\u5b8c\u624d\u6392\u5b69\u5b50\uff0c\u9019\u6a23\u505a\u6cd5\u5c31\u662f\u5148\u5e6b\u7238\u7238\u5750\u5b9a\u4f4d\u6709\u4e86\u5b9a\u4f4d\u5f8c\u5152\u5b50\u5728\u90a3\u88e1\u5c31\u597d\u6e05\u695a\u3002<\/p>\n\n\n\n<p>\u90a3\u4eca\u5929\u723a\u723a\u4f86\u4e86\u5462? \u4e5f\u662f\u4e00\u6a23\u723a\u723a\u3001\u7238\u7238\u9084\u6709\u5b6b\u5b50\uff0c\u90a3\u5f8c\u4ee3\u9078\u64c7<strong><span class=\"has-inline-color has-vivid-red-color\">\u53ea\u6703\u9078\u64c7\u8f29\u5206\u6700\u5c0f<\/span><\/strong>\u7684\u90a3\u4f4d\u5537! \u5982\u679c\u6c92\u6709\u5b6b\u5b50\u4f7f\u7528\u5f8c\u4ee3\u9078\u64c7\u5668\u5c31\u53ea\u6703\u5b9a\u4f4d\u7238\u7238\u7684\uff0c\u56e0\u70ba\u7238\u7238\u662f\u723a\u723a\u7684\u5f8c\u4ee3\u3002<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E5%BE%8C%E4%BB%A3%E9%81%B8%E6%93%87%E5%99%A8%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8\"><\/span>CSS \u5f8c\u4ee3\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5f8c\u4ee3\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=1024%2C575&#038;ssl=1\" alt=\"\" class=\"wp-image-1445\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5f8c\u4ee3\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=1024%2C575&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5f8c\u4ee3\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=300%2C168&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5f8c\u4ee3\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=768%2C431&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5f8c\u4ee3\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5f8c\u4ee3\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u6211\u5011\u4f86\u770b\u770b\u4e0b\u5217\u4f8b\u5b50\u793a\u7bc4\u770b\u770b\u662f\u5982\u4f55\u4f7f\u7528<strong>\u5f8c\u4ee3\u9078\u64c7\u5668 ( \u5305\u542b\u9078\u64c7\u5668 )<\/strong>\uff0c\u9996\u5148\u5011\u5148\u5beb\u597d HTML \u5143\u7d20\u6a19\u7c64\u7684\u9aa8\u67b6\uff0c\u4f7f\u7528 &lt;ul&gt; \u7121\u5e8f\u5217\u8868\u6a19\u7c64\u4ee5\u53ca &lt;ol&gt; \u6709\u5e8f\u5217\u8868\u6a19\u7c64\u5275\u7acb\u5404\u4e09\u500b &lt;li&gt; \u5b50\u6a19\u7c64\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;body&gt;\n\t&lt;ul&gt;\n\t\t&lt;li&gt;\u6211\u662ful\u7684\u5b69\u5b50&lt;\/li&gt;\n\t\t&lt;li&gt;\u6211\u662ful\u7684\u5b69\u5b50&lt;\/li&gt;\n\t\t&lt;li&gt;\u6211\u662ful\u7684\u5b69\u5b50&lt;\/li&gt;\n\n\t&lt;\/ul&gt;\n\n\t&lt;ol&gt;\n\t\t&lt;li&gt;\u6211\u662fol\u7684\u5b69\u5b50&lt;\/li&gt;\n\t\t&lt;li&gt;\u6211\u662fol\u7684\u5b69\u5b50&lt;\/li&gt;\n\t\t&lt;li&gt;\u6211\u662fol\u7684\u5b69\u5b50&lt;\/li&gt;\n\n\t&lt;\/ol&gt;\n\n&lt;\/body&gt;\n<\/code><\/pre>\n\n\n\n<p>\u5beb\u597d HTML \u6211\u5011\u9700\u8981\u7684\u9aa8\u67b6\u5167\u5bb9\u5f8c\uff0c\u63a5\u4e0b\u4f86\u8981\u4f86\u5beb CSS \u5c6c\u6027\u6a23\u5f0f\uff0c\u6211\u5011\u7684\u76ee\u7684\u662f\u8981\u628a &lt;ul&gt; \u7121\u5e8f\u5217\u8868\u6a19\u7c64\u88e1\u7684\u6240\u6709\u5b50\u9805\u76ee &lt;li&gt; \u6a19\u7c64\u88e1\u982d\u7684\u5b57\u9ad4\u6539\u6210\u5176\u4ed6<strong>\u7d05\u8272\u984f\u8272<\/strong>\uff0c\u800c &lt;ol&gt; \u6709\u5e8f\u5217\u8868\u6a19\u7c64\u88e1\u982d\u7684\u6240\u6709 &lt;li&gt; \u6a19\u7c64\u5b57\u9ad4\u984f\u8272\u901a\u901a\u6539\u6210<strong>\u85cd\u8272<\/strong>\uff0cCSS \u5c6c\u6027\u5beb\u6cd5\u5c31\u662f\u5148\u9078\u64c7\u7236\u89aa\u5143\u7d20 ul \u548c ol \u5f8c\u9762\u5728\u6253\u7a7a\u683c\u8857\u500b\u6253 li\uff0c\u9019\u6a23\u5c31\u80fd\u500b\u5225\u9078\u64c7\u4e86\u5537!<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;style&gt;\n\tul li{\n\t\tcolor: red;\n}\n\nol li {\n\tcolor: blue;\n\n}\n\n&lt;\/style&gt;\n<\/code><\/pre>\n\n\n\n<p>\u6211\u5011\u4f86\u770b\u770b\u5f8c\u4ee3\u9078\u64c7\u5668 ( \u5305\u542b\u9078\u64c7\u5668 ) \u7684\u683c\u5f0f\u898f\u7bc4\u5427! \u5982\u4e0b\u8868\u793a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\u5143\u7d201 \u5143\u7d202 { \u5c6c\u6027\u503c\u8072\u660e }\n<\/code><\/pre>\n\n\n\n<ul><li><strong>\u5143\u7d20 1 \u548c\u5143\u7d20 2 \u4e4b\u9593\u8981\u4f7f\u7528<span class=\"has-inline-color has-vivid-red-color\">\u7a7a\u683c\u9694\u958b<\/span><\/strong><\/li><li><strong>\u5143\u7d20 1 \u548c\u5143\u7d20 2 \u5c31\u662f\u524d\u5e7e\u7bc7\u6587\u7ae0\u8aaa\u7684\u5c31\u662f<span class=\"has-inline-color has-vivid-red-color\">\u57fa\u790e\u9078\u64c7\u5668<\/span><\/strong><\/li><li><strong>\u53ea\u8981\u6709\u5169\u500b\u4ee5\u4e0a\u5beb\u6cd5\u5c31\u6703\u8b8a\u6210\u5f8c\u4ee3\u9078\u64c7\u5668 ( \u5305\u542b\u9078\u64c7\u5668 )<\/strong><\/li><li><strong>\u5143\u7d20 1 \u4e00\u5b9a\u662f<span class=\"has-inline-color has-vivid-red-color\">\u7236\u89aa<\/span><\/strong><\/li><li><strong>\u5143\u7d20 2 \u4e00\u5b9a\u662f\u5143\u7d20 1 \u7684<span class=\"has-inline-color has-vivid-red-color\">\u5b69\u5b50<\/span>\uff0c\u4ee5\u6b64\u985e\u63a8<\/strong><\/li><li><strong>\u6700\u7d42\u7d50\u679c\u4e00\u5b9a\u662f\u5b9a\u4f4d\u6539\u8b8a\u5b69\u5b50<\/strong><\/li><li><strong>\u5143\u7d20 1 \u548c\u5143\u7d20 2 \u53ef\u4ee5\u662f\u4efb\u610f\u7684\u57fa\u790e\u9078\u64c7\u5668<\/strong><\/li><\/ul>\n\n\n\n<a class=\"btn_CTA\" href=\"https:\/\/learningnow.com.tw\/affiliate-marketing-make-money\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u9ede\u6211\u77ad\u89e3 \u5c0f\u9752\u5982\u4f55\u6bcf\u6708\u591a\u8cfa5\u4f4d\u6578\u53f0\u5e63<\/a>\n\n\n\n<p><\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E5%BE%8C%E4%BB%A3%E9%81%B8%E6%93%87%E5%99%A8%E7%B8%BD%E7%B5%90\"><\/span>CSS \u5f8c\u4ee3\u9078\u64c7\u5668\u7e3d\u7d50<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5f8c\u4ee3\u9078\u64c7\u5668\u7e3d\u7d50.jpg?resize=1024%2C575&#038;ssl=1\" alt=\"\" class=\"wp-image-1446\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5f8c\u4ee3\u9078\u64c7\u5668\u7e3d\u7d50.jpg?resize=1024%2C575&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5f8c\u4ee3\u9078\u64c7\u5668\u7e3d\u7d50.jpg?resize=300%2C168&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5f8c\u4ee3\u9078\u64c7\u5668\u7e3d\u7d50.jpg?resize=768%2C431&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5f8c\u4ee3\u9078\u64c7\u5668\u7e3d\u7d50.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5f8c\u4ee3\u9078\u64c7\u5668\u7e3d\u7d50.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u4f60\u53ef\u80fd\u6703\u60f3\uff0c\u6211\u6539\u8b8a &lt;ul&gt; \u7121\u5e8f\u5217\u8868\u6a19\u7c64\u88e1\u982d\u7684 &lt;li&gt; \u6a19\u7c64\u5b57\u9ad4\u984f\u8272\u6539\u6210\u7d05\u8272\u548c &lt;ol&gt; \u6709\u5e8f\u5217\u8868\u6a19\u7c64\u88e1\u982d\u7684 &lt;li&gt; \u6a19\u7c64\u5b57\u9ad4\u984f\u8272\u6539\u6210\u85cd\u8272\uff0c\u53ea\u8981\u500b\u5225\u5728 li <strong>\u53d6\u500b Class \u540d\u7a31<\/strong>\u5c31\u597d\u5566! \u662f\u4e0d\u662f\uff0c\u4f60\u9019\u6a23\u60f3\u6c92\u932f\u4f46\u662f\u5462\u5982\u679c\u4eca\u5929\u6709\u4e0a\u767e\u500b &lt;li&gt; \u4f60\u90fd\u8981\u53d6\u540d\u90a3\u90e8\u5c31\u6703\u7d2f\u6b7b\uff0cCSS \u4ee3\u78bc\u5c6c\u6027\u4e5f\u53ea\u6703\u8d8a\u5beb\u8d8a\u591a\u7684\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;style&gt;\n\tul li{\n\t\tcolor: red;\n}\n\n.nav li {\n\tcolor: blue;\n\n}\n\n&lt;\/style&gt;\n<\/code><\/pre>\n\n\n\n<p>\u6240\u4ee5\u524d\u7aef\u958b\u767c\u4eba\u54e1\u90fd\u6703\u9078\u64c7\u4f7f\u7528\u5f8c\u4ee3\u9078\u64c7\u5668\u7684\u5beb\u6cd5\uff0c\u5c31\u80fd\u5920\u6709\u6548\u7684\u53bb\u7e2e\u77ed\u4ee3\u78bc\u7684\u91cf\u5537! \u4e00\u6a23\u76ee\u7684\u90fd\u53ef\u4ee5\u9054\u6210\u5dee\u5225\u5c31\u5728\u65bc\u4f60\u662f\u5426\u80fd\u5feb\u901f\u53c8\u66f4\u6709\u6548\u7387\uff0c\u65e5\u5f8c\u7dad\u8b77\u4e5f\u6bd4\u8f03\u65b9\u4fbf\u53cb\u5584\uff0c\u8070\u660e\u7684\u4f60\u77e5\u9053\u8a72\u9078\u4ec0\u9ebc\u65b9\u6cd5\u4f7f\u7528\u4e86\u5427!!!<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E5%AD%90%E9%81%B8%E6%93%87%E5%99%A8%E6%98%AF%E4%BB%80%E9%BA%BC\"><\/span>CSS \u5b50\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5b50\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1024%2C575&#038;ssl=1\" alt=\"\" class=\"wp-image-1447\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5b50\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1024%2C575&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5b50\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=300%2C168&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5b50\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=768%2C431&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5b50\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5b50\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u63a5\u4e0b\u4f86\u6211\u5011\u5c0f\u9752\u6211\u4f86\u4ecb\u7d39\u7b2c\u4e8c\u5927\u985e\u7684\u5b50\u9078\u64c7\u5668\uff0c\u90a3\u5b50\u9078\u64c7\u5668\u53c8\u7a31\u70ba\u5b50<strong><span class=\"has-inline-color has-vivid-red-color\">\u5143\u7d20\u9078\u64c7\u5668 ( \u5b50\u9078\u64c7\u5668 )<\/span><\/strong>\uff0c\u5b83\u7684\u4f7f\u7528\u5834\u666f\u662f<strong><span class=\"has-inline-color has-vivid-red-color\">\u9078\u64c7\u5b69\u5b50<\/span><\/strong>\uff0c\u4f60\u53ef\u80fd\u6703\u8aaa! \u90a3\u8ddf\u525b\u525b\u4ecb\u7d39\u7684\u5f8c\u4ee3\u9078\u64c7\u5668\u4e00\u6a23\u5440! \u4e5f\u662f\u9078\u64c7\u5b69\u5b50\uff0c\u78ba\u5be6\u662f\u9019\u6a23\u4f46\u662f\u9084\u662f\u6709\u5dee\u7570\u7684\u5537!<\/p>\n\n\n\n<p>\u5dee\u7570\u5728\u65bc\u5b50\u9078\u64c7\u5668\u662f<strong><span class=\"has-inline-color has-vivid-red-color\">\u9078\u64c7\u6700\u8fd1\u4e00\u7d1a\u5b50\u5143\u7d20<\/span><\/strong>\uff0c\u8b1b\u7c21\u55ae\u4f86\u7406\u89e3\u7684\u8a71\u5c31\u662f\u9078\u64c7\u7238\u7238\u7684\u89aa\u5152\u5b50\uff0c\u8ddf\u4f60\u5b69\u5b50\u6c92\u6709\u4efb\u4f55\u95dc\u4fc2\uff0c\u56e0\u70ba\u53ea\u6703\u9078\u4e00\u7d1a\uff0c\u8981\u8a18\u5f97\u662f\u53ea\u6709\u4e00\u7d1a\u5537! \u6240\u4ee5\u5c31\u8ddf\u525b\u525b\u662f\u5b8c\u5168\u4e0d\u4e00\u6a23\u7684\uff0c\u5982\u679c\u8a72\u7576\u524d\u5143\u7d20\u5834\u666f\u5f88\u8907\u96dc\uff0c\u6709\u723a\u723a\u6709\u7238\u7238\u6709\u4f60\u9084\u6709\u4f60\u5b69\u5b50\uff0c\u90a3\u4f60\u8981\u9078\u723a\u723a\u7684\u5152\u5b50\u5c31\u597d\u5c31\u53ea\u8981\u4f7f\u7528\u5b50\u9078\u64c7\u5668\u9078\u64c7\u723a\u723a\u548c\u7238\u7238\u5c31\u597d\u5c31\u53ef\u4ee5\u4e86\uff0c\u56e0\u70ba\u53ea\u6709\u4e00\u7d1a\u95dc\u4fc2<\/p>\n\n\n\n<ul><li><strong>\u5b50\u9078\u64c7\u5668\u53ea\u6703\u9078\u64c7\u6700\u8fd1\u7684\u4e00\u7d1a\u95dc\u4fc2<\/strong><\/li><li><strong>\u5b50\u9078\u64c7\u5668\u4f8b\u5b50\uff0c\u723a\u723a\u3001\u7238\u7238\u3001\u5b6b\u5b50\uff0c\u9078\u723a\u5c31\u9396\u5b9a\u7238\uff0c\u9078\u7238\u5c31\u9396\u5b9a\u5b6b\u5b50<\/strong><\/li><li><strong>\u5b50\u9078\u64c7\u5668\uff0c<span class=\"has-inline-color has-vivid-red-color\">\u53ea\u6709\u5169\u4eba\u4e16\u754c<\/span><\/strong><\/li><\/ul>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E5%AD%90%E9%81%B8%E6%93%87%E5%99%A8%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8\"><\/span>CSS \u5b50\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5b50\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=1024%2C575&#038;ssl=1\" alt=\"\" class=\"wp-image-1448\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5b50\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=1024%2C575&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5b50\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=300%2C168&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5b50\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=768%2C431&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5b50\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u5b50\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u4f86\u770b\u770b<strong>\u5b50\u9078\u64c7\u5668<\/strong>\u5728\u5be6\u969b\u662f\u5982\u4f55\u4f7f\u7528\u7684\u5427! \u5176\u5be6\u4e0d\u96e3\u7684\u6211\u5011\u5148\u628a HTML \u9aa8\u67b6\u5beb\u597d\uff0c\u9019\u6b21\u6211\u5011\u4f86\u5275\u5efa\u4e00\u500b &lt;div&gt; \u76d2\u5b50\u6a19\u7c64\uff0cdiv \u76d2\u5b50\u6211\u5011\u73fe\u5728\u9084\u6c92\u958b\u59cb\u4ecb\u7d39\u5b83\u7684\u61c9\u7528\uff0c\u4e0d\u904e\u6c92\u95dc\u4fc2\u5b83\u5c31\u662f\u4e00\u500b\u76d2\u5b50\u4e00\u500b\u6a21\u584a\u80fd\u5920\u5b58\u653e\u6240\u6709\u6771\u897f\uff0c\u4eca\u5929\u6211\u5011\u8981\u5728\u88e1\u982d\u653e\u5169\u500b &lt;a&gt; \u9328\u9ede\u93c8\u7d50\u6a19\u7c64\u548c\u4e00\u500b\u6bb5\u843d\u6a19\u7c64\u3002<\/p>\n\n\n\n<ul><li><strong>\u5275\u5efa HTML \u9aa8\u67b6<\/strong><\/li><li><strong>\u5275\u5efa\u4e00\u500b div \u76d2\u5b50<\/strong><\/li><li><strong>div \u76d2\u5b50\u4e2d\u88e1\u5275\u5efa\u4e00\u500b &lt;p&gt; \u6bb5\u843d\u6a19\u7c64\u4ee5\u53ca &lt;a&gt; \u9328\u9ede\u93c8\u7d50\u6a19\u7c64<\/strong><\/li><li><strong>\u53c8\u5728 &lt;p&gt; \u6a19\u7c64\u88e1\u982d\u5275\u5efa\u4e00\u500b &lt;a&gt; \u9328\u9ede\u6a19\u7c64\uff0c\u5f62\u6210\u7236\u5b50\u95dc\u4fc2<\/strong><\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;body&gt;\n\t&lt;div class=\"grp\"&gt;\n\t\t&lt;p&gt;&lt;a href=\"#\"&gt;\u6211\u662f\u5b6b\u5b50&lt;\/a&gt;&lt;\/p&gt;\n\n\t\t&lt;a&gt;\u6211\u662f\u5152\u5b50&lt;\/a&gt;\n\n\t&lt;\/div&gt;\n\t\n&lt;\/body&gt;\n<\/code><\/pre>\n\n\n\n<p>\u5b8c\u6210\u5f8c\u6211\u5011\u4f86\u5206\u6790\u4e00\u4e0b\u9019\u500b HTML \u9aa8\u67b6\u7d50\u69cb\u7684\u95dc\u4fc2\uff0c\u9996\u5148\u6211\u5011\u770b\u770b &lt;div&gt; \u76d2\u5b50\u6a19\u7c64\u662f\u6700\u5927\u7684\uff0c\u88e1\u9762\u6709\u5169\u500b\u6a19\u7c64 &lt;p&gt; \u6bb5\u843d\u6a19\u7c64\u4ee5\u53ca &lt;a&gt; \u9328\u9ede\u93c8\u7d50\u6a19\u7c64\uff0c\u5b83\u5011\u5169\u500b\u662f\u5144\u5f1f\u95dc\u4fc2\uff0c\u5b83\u5011\u5169\u500b\u7684\u7238\u7238\u662f &lt;div&gt; \u76d2\u5b50\u6a19\u7c64\uff0c\u9019\u6a23\u6c92\u554f\u984c\u5427! \u6211\u5011\u518d\u5f80\u88e1\u9762\u770b &lt;p&gt; \u6bb5\u843d\u6a19\u7c64\u88e1\u9762\u9084\u6709\u500b &lt;a&gt; \u9328\u9ede\u93c8\u7d50\u6a19\u7c64\uff0c\u9019\u5169\u8005\u4e4b\u9593\u4e5f\u662f<strong><span class=\"has-inline-color has-vivid-red-color\">\u7236\u5b50\u95dc\u4fc2<\/span><\/strong>\uff0c\u4f46\u5f9e\u53e6\u4e00\u500b\u89d2\u5ea6\u770b\u4e5f\u5c31\u662f\u5f9e\u9019\u500b &lt;a&gt; \u9328\u9ede\u93c8\u7d50\u6a19\u7c64\u5f80\u4e0a\u770b\u5230 &lt;div&gt; \u76d2\u5b50\u6a19\u7c64\uff0c\u6703\u662f\u723a\u723a\u8207<strong><span class=\"has-inline-color has-vivid-red-color\">\u5b6b\u5b50\u95dc\u4fc2<\/span><\/strong>\uff0c\u9019\u6a23\u4f60\u61c9\u8a72\u4e5f\u6c92\u554f\u984c\u5427! \u6211\u5011\u68b3\u7406\u4e00\u4e0b\u8a0a\u606f\u3002<\/p>\n\n\n\n<ul><li><strong>&lt;div&gt; \u76d2\u5b50\u6a19\u7c64\u662f\u723a\u723a\uff0c\u4e5f\u5c31\u662f\u7b2c\u4e00\u5c64<\/strong><\/li><li><strong>&lt;p&gt; \u6bb5\u843d\u6a19\u7c64\u4ee5\u53ca &lt;a&gt; \u9328\u9ede\u93c8\u7d50\u6a19\u7c64\u662f\u723a\u723a\u7684\u5b69\u5b50\uff0c\u5c6c\u65bc<span class=\"has-inline-color has-vivid-red-color\">\u7236\u5b50\u95dc\u4fc2<\/span><\/strong><\/li><li><strong>&lt;p&gt; \u6bb5\u843d\u6a19\u7c64\u4ee5\u53ca\u53e6\u4e00\u500b &lt;a&gt; \u9328\u9ede\u93c8\u7d50\u6a19\u7c64\uff0c\u5169\u8005\u95dc\u4fc2\u662f<span class=\"has-inline-color has-vivid-red-color\">\u5144\u5f1f\u95dc\u4fc2<\/span><\/strong><\/li><li><strong>&lt;p&gt; \u6bb5\u843d\u6a19\u7c64\u88e1\u982d\u7684 &lt;a&gt; \u9328\u9ede\u93c8\u7d50\u6a19\u7c64\u662f\u5c6c\u65bc<span class=\"has-inline-color has-vivid-red-color\">\u7236\u5b50\u95dc\u4fc2<\/span><\/strong><\/li><li><strong>&lt;p&gt; \u6bb5\u843d\u6a19\u7c64\u88e1\u982d\u7684 &lt;a&gt; \u9328\u9ede\u93c8\u7d50\u6a19\u7c64\u5f80\u4e0a\u770b\u5411 &lt;div&gt; \u76d2\u5b50\u6a19\u7c64\uff0c\u662f\u4ed6\u7684\u723a\u723a<\/strong><\/li><\/ul>\n\n\n\n<p>OK! \u90a3\u73fe\u5728\u6211\u5011\u4e86\u89e3\u95dc\u4fc2\u5f8c\u8981\u958b\u59cb\u8457\u624b\u8a66\u8a66\u770b\u600e\u9ebc\u7528<strong>\u5b50\u9078\u64c7\u5668<\/strong>\u4f86\u63a7\u5236\u56c9! \u5982\u679c\u9084\u6c92\u641e\u6e05\u695a\u5404\u5c64\u95dc\u4fc2\u53ef\u4ee5\u505c\u4e0b\u4f86\u597d\u597d\u601d\u8003\u4e00\u4e0b\uff0c\u4e26\u52d5\u52d5\u4f60\u7684\u5c0f\u624b\u5beb\u5beb\u770b\u4ee3\u78bc\u624d\u6703\u6bd4\u8f03\u597d\u7406\u89e3\uff0c\u63a5\u4e0b\u4f86\u6211\u5011\u4f86\u5beb CSS \u5c6c\u6027\u4ee3\u78bc\u63a7\u5236\uff0c\u6211\u60f3\u8981\u63a7\u5236 &lt;div&gt; \u76d2\u5b50\u6a19\u7c64\u7684\u5152\u5b50 &lt;a&gt; \u9328\u9ede\u93c8\u7d50\u6a19\u7c64\u6539\u6210\u5b57\u9ad4\u984f\u8272\u70ba\u7d05\u8272\uff0c\u5982\u4e0b\u8868\u793a\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;style&gt;\n\t.grp &gt; a {\n\t\tcolor: red;\n}\n&lt;\/style&gt;\n<\/code><\/pre>\n\n\n\n<p>\u9019\u6a23\u505a\u5c31\u80fd\u5920\u53ea\u80fd\u9078\u53d6 &lt;div&gt; \u76d2\u5b50\u6a19\u7c64\u7684\u5152\u5b50\u9032\u884c &lt;a&gt; \u9328\u9ede\u93c8\u7d50\u6a19\u7c64\u6539\u6210\u5b57\u9ad4\u984f\u8272\u70ba\u7d05\u8272\uff0c<strong><span class=\"has-inline-color has-vivid-red-color\">\u5927\u65bc\u865f<\/span><\/strong>\u5c31\u662f\u9078\u64c7\u6539\u8b8a\u5b69\u5b50\uff0c\u4e5f\u5c31\u662f\u6539\u8b8a\u7b2c\u4e00\u7d1a\u6a19\u7c64\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\u5143\u7d201 &gt; \u5143\u7d202 { \u5c6c\u6027\u503c\u8072\u660e }\n<\/code><\/pre>\n\n\n\n<p>\u6211\u5011\u5f9e\u4e0a\u8ff0\u8a9e\u6cd5\u8868\u793a\u4f86\u770b\u5143\u7d20 1 \u6a19\u7c64\u88e1\u9762\u7684\u6240\u6709<strong><span class=\"has-inline-color has-vivid-red-color\">\u5f8c\u4ee3\u4e5f\u5c31\u662f\u5152\u5b50 ( \u5b50\u5143\u7d20 )<\/span><\/strong> \u5143\u7d20 2 \u9032\u884c CSS \u5c6c\u6027\u503c\u8072\u660e\u7684\u6539\u8b8a\uff0c\u5143\u7d20 1 \u548c\u5143\u7d20 2 \u4e2d\u9593\u5fc5\u9808\u4f7f\u7528\u5927\u65bc\u865f\u9694\u958b\uff0c<strong><span class=\"has-inline-color has-vivid-red-color\">\u5143\u7d20 1 \u662f\u7236\u7d1a<\/span><\/strong>\uff0c<strong><span class=\"has-inline-color has-vivid-red-color\">\u5143\u7d20 2 \u662f\u5b50\u7d1a<\/span><\/strong>\uff0c\u4f7f\u7528\u9019\u7a2e<strong><span class=\"has-inline-color has-vivid-red-color\">\u5b50\u9078\u64c7\u5668\u6700\u7d42\u9078\u64c7\u662f\u5143\u7d20 2<\/span><\/strong>\u3002<\/p>\n\n\n\n<ul><li><strong>\u5143\u7d20 1 \u548c\u5143\u7d20 2 \u4e2d\u9593\u6703\u7528\u5927\u65bc\u865f ( <span class=\"has-inline-color has-vivid-red-color\">&gt;<\/span> ) \u9694\u958b<\/strong><\/li><li><strong>\u5143\u7d20 1 \u662f\u7238\u7238 (<span class=\"has-inline-color has-vivid-red-color\"> \u7236\u7d1a<\/span> )<\/strong><\/li><li><strong>\u5143\u7d20 2 \u662f\u5152\u5b50 ( <span class=\"has-inline-color has-vivid-red-color\">\u5b50\u7d1a<\/span> )<\/strong><\/li><li><strong>\u4f7f\u7528\u5b50\u5143\u7d20\u9078\u64c7\u5668\uff0c\u6700\u7d42\u53ea\u6703\u9078\u64c7\u5143\u7d20 2 \u5b50\u5143\u7d20<\/strong><\/li><li><strong>\u5b6b\u5b50\u4e0d\u6b78\u5b50\u9078\u64c7\u5668\u7ba1<\/strong><\/li><\/ul>\n\n\n\n<a class=\"btn_CTA\" href=\"https:\/\/learningnow.com.tw\/affiliate-marketing-make-money\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u9ede\u6211\u77ad\u89e3 \u5c0f\u9752\u5982\u4f55\u6bcf\u6708\u591a\u8cfa5\u4f4d\u6578\u53f0\u5e63<\/a>\n\n\n\n<p><\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E4%B8%A6%E9%9B%86%E9%81%B8%E6%93%87%E5%99%A8%E6%98%AF%E4%BB%80%E9%BA%BC\"><\/span>CSS \u4e26\u96c6\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4e26\u96c6\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1024%2C575&#038;ssl=1\" alt=\"\" class=\"wp-image-1449\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4e26\u96c6\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1024%2C575&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4e26\u96c6\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=300%2C168&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4e26\u96c6\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=768%2C431&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4e26\u96c6\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4e26\u96c6\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u6211\u5011\u5148\u4f86\u770b\u770b\u4e26\u96c6\u9078\u64c7\u5668\u7684\u4f7f\u7528\u5834\u666f\u6709\u90a3\u4e9b\u5462? \u5b83\u80fd\u5920\u9078\u64c7\u591a\u7d44 HTML \u5143\u7d20\u6a19\u7c64\uff0c\u4e26<strong><span class=\"has-inline-color has-vivid-red-color\">\u540c\u6642\u70ba\u4ed6\u5011\u5b9a\u7fa9\u76f8\u540c\u7684\u6a23\u5f0f<\/span><\/strong>\uff0c\u7c21\u55ae\u4f86\u8aaa\u6709\u591a\u7d44\u4e00\u6a23\u7684 HTML \u5143\u7d20\u6a19\u7c64\uff0c\u4eca\u5929\u6211\u5011\u5c31\u80fd\u5920\u4f7f\u7528\u4e26\u96c6\u9078\u64c7\u5668\u4e00\u6b21\u5168\u90e8\u9078\u51fa\u4f86\u9032\u884c\u6a23\u5f0f\u7684\u6539\u8b8a\uff0c\u9019\u6a23\u7684\u7528\u6cd5\u901a\u5e38\u53eb<strong><span class=\"has-inline-color has-vivid-red-color\">\u96c6\u9ad4\u8072\u660e<\/span><\/strong>\u3002<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E4%B8%A6%E9%9B%86%E9%81%B8%E6%93%87%E5%99%A8%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8\"><\/span>CSS \u4e26\u96c6\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4e26\u96c6\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=1024%2C575&#038;ssl=1\" alt=\"\" class=\"wp-image-1450\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4e26\u96c6\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=1024%2C575&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4e26\u96c6\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=300%2C168&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4e26\u96c6\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=768%2C431&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4e26\u96c6\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u4e26\u96c6\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u7d93\u904e\u4e0a\u4e00\u7bc0\u7684\u4ecb\u7d39\u4e26\u96c6\u9078\u64c7\u5668\u662f\u4ec0\u9ebc\uff0c\u6211\u5011\u77e5\u9053\u4e86\u4e00\u4e9b\u539f\u88e1\u4ee5\u53ca\u61c9\u7528\u65b9\u5f0f\uff0c\u90a3\u63a5\u4e0b\u4f86\u6211\u5011\u4f86\u770b\u770b\u4e26\u96c6\u9078\u64c7\u5668\u662f\u5982\u4f55\u53bb\u4f7f\u7528\u7684\u4ee5\u53ca\u8a72\u600e\u9ebc\u4f7f\u7528\uff0c\u9996\u5148\u6211\u5011\u5728 HTML \u7d50\u69cb\u88e1\u5275\u5efa\u4e4b\u524d\u6211\u5011\u6240\u5b78\u7684 &lt;div&gt; \u76d2\u5b50\u6a19\u7c64\u3001&lt;p&gt; \u6bb5\u843d\u6a19\u7c64\u3001&lt;ol&gt; \u6709\u5e8f\u5217\u8868\u6a19\u7c64\u5168\u90e8\u5beb\u51fa\u4f86\uff0c<strong><span class=\"has-inline-color has-vivid-red-color\">\u4ed6\u5011\u7684\u95dc\u4fc2\u90fd\u662f\u5144\u5f1f\u95dc\u4fc2<\/span><\/strong>\uff0c\u5982\u4e0b\u8868\u793a\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;body&gt;\n\t&lt;div&gt;\u6211\u662f\u5c0f\u660e&lt;div&gt;\n\t&lt;p&gt;\u6211\u662f\u5c0f\u5f35&lt;p&gt;\n\t&lt;ol class=\"name\"&gt;\n\t\t&lt;li&gt;\u6211\u662f\u5c0f\u5f37&lt;\/li&gt;\n\t\t&lt;li&gt;\u6211\u662f\u5c0f\u82b1&lt;\/li&gt;\n\n\t&lt;\/ol&gt;\n\n&lt;\/body&gt;\n<\/code><\/pre>\n\n\n\n<p>\u5275\u5efa\u597d\u5f8c\u6211\u5011\u9700\u8981\u628a &lt;div&gt; \u76d2\u5b50\u6a19\u7c64\u548c &lt;p&gt; \u6bb5\u843d\u6a19\u7c64\u7d66\u9078\u51fa\u4f86\u6539\u8b8a\u4ed6\u5011\u7684\u984f\u8272\u6539\u6210<strong>\u7d05\u8272<\/strong>\uff0cOK! \u4f60\u7528\u4ee5\u524d\u7684\u65b9\u6cd5\u662f\u4e0d\u662f\u5c31\u662f\u76f4\u63a5\u5beb &lt;div&gt; \u548c &lt;p&gt; \u55ae\u7368\u5beb CSS \u5c6c\u6027\u7d66\u7d05\u8272\u6216\u662f\u901a\u904e class ( \u985e ) \u9078\u64c7\u5668\uff0c\u4f46\u662f\u9019\u6a23\u9700\u8981\u5beb\u597d\u5e7e\u884c\u4ee3\u78bc\uff0c\u4e5f<strong><span class=\"has-inline-color has-vivid-red-color\">\u6703\u7522\u751f\u91cd\u8907\u6027\u7684\u4ee3\u78bc<\/span><\/strong>\uff0c\u70ba\u4e86\u65b9\u4fbf\u5feb\u901f\u4e26\u96c6\u9078\u64c7\u5668\u9019\u6642\u5019\u5c31\u767c\u63ee\u529f\u80fd\u6027\u4e86\uff0c\u6211\u5011\u4f86\u770b\u770b\u8981\u600e\u9ebc\u5beb\uff0c\u5982\u4e0b\u8868\u793a\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;style&gt;\n\tdiv, p{\n\t\tcolor: red;\n}\n\n&lt;\/style&gt;\n<\/code><\/pre>\n\n\n\n<p>\u9019\u6a23\u5c31\u80fd\u500b\u5225\u9078\u51fa\u4f86\u4e86\u5537! \u9700\u8981\u4f7f\u7528<strong><span class=\"has-inline-color has-vivid-red-color\">\u9017\u865f<\/span><\/strong>\u9694\u958b\uff0c\u9017\u865f\u9019\u88e1\u60f3\u6210\u548c\u7684\u610f\u601d\uff0c\u7c21\u55ae\u4f86\u8aaa\u5c31\u662f\u4f60\u548c\u4ed6\u9084\u6709\u5979\u53ea\u8981\u6709\u9ede\u540d\u5230\u7684\u5c31\u53ef\u4ee5\u4f7f\u7528<strong><span class=\"has-inline-color has-vivid-red-color\">\u9017\u865f<\/span><\/strong>\u9694\u958b\u4f86\uff0c\u5c31\u662f &lt;div&gt; \u548c &lt;p&gt; \u4ee5\u4e0a\u5c31\u662f\u4e26\u96c6\u9078\u64c7\u5668\u7684\u57fa\u672c\u4f7f\u7528\u65b9\u5f0f\uff0c\u662f\u4e0d\u662f\u65b9\u4fbf\u53c8\u5feb\u901f\u5462!<\/p>\n\n\n\n<ul><li><strong>\u4e26\u96c6\u9078\u64c7\u5668\u4f7f\u7528\u9017\u865f\u5206\u5272<\/strong><\/li><li><strong>\u4efb\u4f55\u9078\u64c7\u5668\u90fd\u80fd\u4f7f\u7528\u4e26\u96c6\u9078\u64c7\u5668<\/strong><\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>\u5143\u7d201, \u5143\u7d202 { CSS\u5c6c\u6027\u503c\u8072\u660e }\n<\/code><\/pre>\n\n\n\n<ul><li><strong>\u5143\u7d20 1 \u548c\u5143\u7d20 2 \u4e2d\u9593\u7528<span class=\"has-inline-color has-vivid-red-color\">\u9017\u865f<\/span>\u9694\u958b<\/strong><\/li><li><strong>\u9017\u865f\u53ef\u4ee5\u7406\u89e3\u70ba<span class=\"has-inline-color has-vivid-red-color\">\u548c<\/span>\u6216\u662f<span class=\"has-inline-color has-vivid-red-color\">\u4ee5\u53ca<\/span>\u7684\u610f\u601d<\/strong><\/li><li><strong>\u4e26\u96c6\u9078\u64c7\u5668\u662f\u7528\u5728<span class=\"has-inline-color has-vivid-red-color\">\u96c6\u9ad4\u8072\u660e<\/span><\/strong><\/li><\/ul>\n\n\n\n<p>\u518d\u4f86\u6211\u5011\u4f86\u8aaa\u4e26\u96c6\u66f4\u6df1\u5c64\u7684\u610f\u601d\uff0c<strong><span class=\"has-inline-color has-vivid-red-color\">\u5b83\u6c92\u6709\u968e\u5c64\u95dc\u4fc2<\/span><\/strong>\uff0c\u4e5f\u5c31\u662f\u8aaa\u6c92\u6709\u7236\u5b50\u95dc\u4fc2\u6216\u662f\u723a\u723a\u8207\u5b6b\u5b50\u95dc\u4fc2\uff0c\u4eca\u5929\u6211\u6307\u540d\u5230\u7684\u5143\u7d20\uff0c\u6703\u6539\u8b8a\u7576\u524d\u9078\u5b9a\u7684\u5143\u7d20\u88e1\u982d<strong><span class=\"has-inline-color has-vivid-red-color\">\u6240\u6709\u5b50\u5143\u7d20\u5537<\/span><\/strong>! \u610f\u601d\u662f\u8aaa\u9078\u4e2d\u5c31\u5168\u6539\uff0c\u6211\u5011\u4f86\u770b\u770b\u4e0b\u5217\u4f8b\u5b50\u5beb\u6cd5\uff0c\u4e00\u6a23\u6211\u5011\u7528\u5230\u525b\u525b\u7528\u7684 HTML \u9aa8\u67b6\uff0cCSS \u5c6c\u6027\u53ef\u4ee5\u9019\u6a23\u5beb\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;style&gt;\n\tdiv, \n\tp, \n\t.name li {\n\t\tcolor: red;\n}\n&lt;\/style&gt;\n<\/code><\/pre>\n\n\n\n<p>\u5728\u9019\u908a\u6211\u5011\u9078\u4e2d &lt;ol&gt; \u6709\u5e8f\u5217\u8868\u6a19\u7c64\u6307\u5b9a\u4e5f\u4e00\u8d77\u6539\u8b8a\u6210<strong>\u7d05\u8272<\/strong>\uff0c\u9019\u88e1\u4f60\u6703\u8aaa\u9019\u6a23\u5beb\u6cd5\u4e5f\u53ef\u4ee5\u5537! \u53ef\u4ee5\u5537\u53ea\u8981\u662f\u6709\u9017\u865f\u9694\u958b\u5c31\u80fd\u4e86\uff0c\u4e26\u96c6\u9078\u64c7\u5668\u53ef\u4ee5\u662f\u4efb\u4f55\u5f62\u5f0f\u7684\u9078\u64c7\u5668\uff0c\u9019\u9ede\u662f\u5b83\u7684\u7279\u8272\u4e4b\u4e00\uff0c\u4e26\u96c6\u9078\u64c7\u5668\u9084\u6703<strong><span class=\"has-inline-color has-vivid-red-color\">\u8c4e\u8457<\/span><\/strong>\u5beb\u56e0\u70ba\u9019\u6a23\u6703\u6bd4\u8f03\u597d\u89c0\u5bdf\u81ea\u5df1\u9078\u4e86\u90a3\u4e9b\u5143\u7d20\u5c6c\u6027\uff0c\u4e00\u822c\u524d\u7aef\u958b\u767c\u90fd\u6703\u9019\u6a23\u5beb\uff0c\u5230\u958b\u767c\u7d50\u675f\u5f8c\u6253\u5305\u4e0a\u50b3\u6703\u9032\u884c\u58d3\u7e2e\u683c\u5f0f\uff0c\u6240\u4ee5\u4e0d\u9700\u8981\u64d4\u5fc3\u4f54\u7528\u592a\u591a\u884c\u5537!<\/p>\n\n\n\n<ul><li><strong>\u6700\u5f8c\u4e00\u500b\u9078\u64c7\u5668\u4e0d\u9700\u8981\u5728\u5f8c\u9762\u52a0\u9017\u865f\u5537\uff0c\u4e0d\u7136\u6703\u5831\u932f<\/strong><\/li><\/ul>\n\n\n\n<a class=\"btn_CTA\" href=\"https:\/\/learningnow.com.tw\/affiliate-marketing-make-money\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u9ede\u6211\u77ad\u89e3 \u5c0f\u9752\u5982\u4f55\u6bcf\u6708\u591a\u8cfa5\u4f4d\u6578\u53f0\u5e63<\/a>\n\n\n\n<p><\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E5%81%BD%E9%A1%9E%E9%81%B8%E6%93%87%E5%99%A8%E6%98%AF%E4%BB%80%E9%BA%BC\"><\/span>CSS \u507d\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u507d\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1024%2C575&#038;ssl=1\" alt=\"\" class=\"wp-image-1451\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u507d\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1024%2C575&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u507d\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=300%2C168&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u507d\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=768%2C431&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u507d\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u507d\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u6700\u5f8c\u6211\u5011\u4f86\u770b\u770b\u6700\u5f8c\u4e00\u500b<strong><span class=\"has-inline-color has-vivid-red-color\">\u507d\u985e\u9078\u64c7\u5668<\/span><\/strong>\uff0c\u5982\u4e2d\u6587\u610f\u601d\u507d\u6709\u507d\u88dd\u96b1\u85cf\u8d77\u4f86\u7684\u610f\u601d\uff0c\u90a3\u6211\u5011\u60f3\u60f3\u770b\u5728\u7db2\u7ad9\u4e2d\u6211\u5011\u6703\u5728\u4ec0\u9ebc\u6642\u5019\u7528\u5230\u9019\u529f\u80fd\u5462?! \u5982\u679c\u6c92\u982d\u7dd2\u6c92\u95dc\u4fc2\uff0c\u6700\u5178\u578b\u7684\u662f\u6211\u5011\u6703\u6709\u6642\u5019\u9ede\u64ca\u7db2\u7ad9\u4e2d\u7684\u9023\u7d50\u6642\u6703\u6709<strong>\u7279\u6b8a\u7684\u6548\u679c<\/strong>\uff0c\u4f8b\u5982<strong>\u53cd\u767d<\/strong>\u5440\u6216\u662f\u6709\u4ec0\u9ebc\u7279\u5225\u7684<strong>\u52d5\u5316\u6548\u679c<\/strong>\uff0c\u7576\u7136\u8d8a\u8907\u96dc\u7684\u6548\u679c\u9084\u662f\u9700\u8981\u4f9d\u9760JavaScript \u4e00\u8d77\u642d\u914d CSS \u624d\u80fd\u5448\u73fe\uff0c\u4f46\u6211\u5011\u53ea\u5148\u8b1b CSS \u5c6c\u6027\u7684\u507d\u985e\u6700\u57fa\u672c\u9078\u64c7\u5668\u3002<\/p>\n\n\n\n<ul><li><strong>\u9078\u4e2d\u9023\u7d50\u6703\u6709\u7279\u5225\u6548\u679c<\/strong><\/li><li><strong>\u6ed1\u9f20\u79fb\u958b\u9023\u7d50\u6548\u679c\u6703\u6d88\u5931<\/strong><\/li><li><strong>\u79fb\u904e\u53bb\u6709\u6548\u679c\uff0c\u79fb\u958b\u6703\u6d88\u5931\uff0c\u5c31\u662f\u507d\u985e\u9078\u64c7\u5668<\/strong><\/li><\/ul>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E5%81%BD%E9%A1%9E%E9%81%B8%E6%93%87%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8\"><\/span>CSS \u507d\u985e\u9078\u64c7\u5982\u4f55\u4f7f\u7528?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u507d\u985e\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=1024%2C575&#038;ssl=1\" alt=\"\" class=\"wp-image-1452\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u507d\u985e\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=1024%2C575&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u507d\u985e\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=300%2C168&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u507d\u985e\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=768%2C431&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u507d\u985e\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u507d\u985e\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u90a3\u6211\u5011\u4f86\u770b\u770b\u5be6\u969b\u4e0a\u6211\u5011\u600e\u9ebc\u5be6\u73fe\u9019\u500b\u6548\u679c\u7684\uff0c\u507d\u985e\u9078\u64c7\u5668\u6700\u5927\u7279\u9ede\u662f\u5728\u9078\u5b9a HTML \u7d50\u69cb\u5f8c\u4e26\u5728 CSS \u5c6c\u6027\u4e2d\u6dfb\u52a0<strong><span class=\"has-inline-color has-vivid-red-color\">\u5192\u865f\u7b26\u865f<\/span><\/strong>\u8868\u793a\uff0c\u4f8b\u5982\uff0c:hover \u6216\u662f :fire-child\uff0c\u6211\u5011\u53ef\u4ee5\u5148\u4e0d\u7ba1\u5b83\u662f\u4ec0\u9ebc\u610f\u601d\uff0c\u53ea\u8981\u77e5\u9053\u5982\u679c\u8981\u4f7f\u7528\u507d\u985e\u9078\u64c7\u5668\u529f\u80fd\u7684\u8a71\uff0c\u958b\u982d\u4e00\u5b9a\u8981\u5beb\u5192\u865f\u5537! \u4e0d\u7136\u7121\u6cd5\u89f8\u767c\u8a72\u529f\u80fd\u6548\u679c\u7684\uff0c\u4e0b\u5217\u6211\u5011\u4f86\u770b\u770b\u5be6\u969b\u64b0\u5beb\u61c9\u7528\u5427!<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;body&gt;\n\t&lt;a herf=\"#\"&gt;\u6211\u662f\u93c8\u63a5&lt;\/a&gt;\n\n&lt;\/body&gt;\n<\/code><\/pre>\n\n\n\n<p>\u9019\u88e1\u5c0f\u9752\u5148\u8aaa\u507d\u985e\u9078\u64c7\u5668\u7684\u529f\u80fd\u592a\u591a\u7a2e\u4e86\uff0c\u4f8b\u5982\u7d50\u69cb<strong>\u507d\u985e<\/strong>\u3001<strong>\u93c8\u7d50\u507d\u985e<\/strong>&#8230;\u7b49\u8d85\u591a\u8d85\u591a\uff0c\u529f\u80fd\u8d8a\u591a\u662f\u5c0d\u6211\u5011\u8d8a\u597d\uff0c\u53ea\u8981\u4f60\u60f3\u5f97\u5230\u7684\u529f\u80fd\u57fa\u672c\u4e0a\u90fd\u5df2\u7d93\u6709\u524d\u8f29\u90fd\u5beb\u597d\u4e86\uff0c\u6839\u64da\u9700\u6c42\u6211\u5011\u53bb\u627e\u51fa\u4f86\u61c9\u7528\u5373\u53ef\uff0c\u4f46\u662f\u9019\u7bc7\u6211\u5011\u5c31\u5927\u6982\u63d0\u5230\u4e00\u822c\u524d\u7aef\u4eba\u54e1\u6700\u5e38\u7528\u5230\u7684\u507d\u985e\u9078\u64c7\u5668\u5c31\u597d\u56c9! \u5982\u679c\u4f60\u9700\u8981\u6bcf\u500b\u90fd\u73a9\u770b\u770b\u53ef\u4ee5\u81ea\u5df1\u53bb\u67e5\u4e26\u8a66\u7528\u5537!<\/p>\n\n\n\n<a class=\"btn_CTA\" href=\"https:\/\/learningnow.com.tw\/affiliate-marketing-make-money\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u9ede\u6211\u77ad\u89e3 \u5c0f\u9752\u5982\u4f55\u6bcf\u6708\u591a\u8cfa5\u4f4d\u6578\u53f0\u5e63<\/a>\n\n\n\n<p><\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS_%E9%8F%88%E7%B5%90%E5%81%BD%E9%A1%9E%E9%81%B8%E6%93%87%E5%99%A8%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8\"><\/span>CSS \u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=1024%2C575&#038;ssl=1\" alt=\"\" class=\"wp-image-1453\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=1024%2C575&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=300%2C168&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=768%2C431&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668\u5982\u4f55\u4f7f\u7528.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u90a3\u93c8\u63a5\u507d\u985e\u600e\u9ebc\u4f7f\u7528\u5462? \u5f9e\u5b57\u9762\u4e0a\u4f86\u770b\u5c31\u662f\u8ddf<strong><span class=\"has-inline-color has-vivid-red-color\">\u93c8\u7d50<\/span><\/strong>\u6709\u76f8\u95dc\uff0c\u5c31\u662f\u6211\u5011\u6ed1\u9f20\u63a5\u8fd1 &lt;a&gt; \u9328\u9ede\u93c8\u7d50\u6a19\u7c64\u6703\u51fa\u73fe\u8b8a\u8272\u548c\u6709\u4e0b\u6ed1\u7dda\u7684\u6548\u679c\uff0c\u6ed1\u9f20\u4e00\u96e2\u958b\u5c31\u6703\u6d88\u5931\uff0c\u9019\u7a2e\u6548\u679c\u5728\u5f88\u591a\u7db2\u7ad9\u90fd\u6703\u770b\u5230\u5f88\u5e38\u53bb\u4f7f\u7528\u7684\u6548\u679c\uff0c\u73fe\u5728\u6211\u5011\u4f86\u770b\u770b\u8981\u5982\u4f55\u4f86\u5beb\uff0c\u4e00\u6a23\u6211\u5011\u7528\u6211\u5011\u4e4b\u524d\u5beb\u597d\u7684 HTML \u7d50\u69cb\u9aa8\u67b6\u4f86\u505a\u793a\u7bc4\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;body&gt;\n\t&lt;a herf=\"#\"&gt;\u6211\u662f\u93c8\u63a5&lt;\/a&gt;\n\n&lt;\/body&gt;\n<\/code><\/pre>\n\n\n\n<ul><li><strong>a : link ( \u9078\u53d6\u6240\u6709<span class=\"has-inline-color has-vivid-red-color\">\u672a\u88ab\u8a2a\u554f<\/span>\u7684\u93c8\u7d50 )<\/strong><\/li><li><strong>a : vidited ( \u9078\u53d6\u6240\u6709<span class=\"has-inline-color has-vivid-red-color\">\u5df2\u88ab\u8a2a\u554f<\/span>\u7684\u93c8\u7d50 )<\/strong><\/li><li><strong>a : hover ( \u9078\u53d6<span class=\"has-inline-color has-vivid-red-color\">\u6ed1\u9f20\u5728\u65bc\u8a72\u9023\u63a5\u4e0a\u65b9<\/span> )<\/strong><\/li><li><strong>a : active ( \u6ed1\u9f20<span class=\"has-inline-color has-vivid-red-color\">\u6309\u4e0b\u672a\u653e\u958b<\/span>\u6642\u93c8\u7d50\u5448\u73fe\u7279\u5225\u6548\u679c )<\/strong><\/li><\/ul>\n\n\n\n<p>\u5728\u6211\u5011\u525b\u5beb\u597d HTML \u7d50\u69cb\u9aa8\u67b6\uff0c\u4f60\u6703\u767c\u73fe\u5c31\u662f\u5448\u73fe\u85cd\u8272\u548c\u81ea\u5e36\u4e0b\u5283\u7dda\u6548\u679c\uff0c\u73fe\u5728\u4f60\u5c31\u80fd\u5920\u5206\u5225\u5728 CSS \u5c6c\u6027\u4e2d\u586b\u5165\u4f60\u60f3\u8981\u8b93 &lt;a&gt; \u9328\u9ede\u93c8\u7d50\u6a19\u7c64\u5448\u73fe\u600e\u6a23\u7684\u6548\u679c\u90fd\u53ef\u4ee5\u5537!<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;style&gt;\n\ta:link{\n\t\tcolor: red;\n}\n&lt;\/style&gt;\n<\/code><\/pre>\n\n\n\n<p>\u6211\u5011\u4f7f\u7528 a:link \u8b93\u672a\u8a2a\u554f\u7684\u93c8\u7d50\u5448\u73fe<strong>\u7d05\u8272<\/strong>\uff0c\u9019\u6a23\u5c31\u80fd\u5920\u4f7f\u539f\u672c\u672a\u8a2a\u554f\u93c8\u7d50\u85cd\u8272\u6539\u8b8a\u6210\u7d05\u8272\u5537! \u5982\u679c\u4f60\u8981\u53d6\u6d88\u4e0b\u5283\u7dda\u6548\u679c\uff0c\u7576\u7136\u53ef\u4ee5\uff0c\u53ef\u4ee5\u4f7f\u7528\u4e4b\u524d\u6211\u5011\u5b78\u904e\u7684\u6587\u672c\u6559\u5b78\u53bb\u53d6\u6d88\u4e0b\u5283\u7dda text-decoration\uff0c\u5982\u679c\u5fd8\u8a18\u7684\u8a71\u53ef\u4ee5\u53bb\u8907\u7fd2\u90a3\u500b\u90a3\u7bc7\u6587\u7ae0\u5537!<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;style&gt;\n\ta:link{\n\t\tcolor: red;\n\t\ttext-decoration: none;\n}\n&lt;\/style&gt;\n<\/code><\/pre>\n\n\n\n<p>\u90a3\u5176\u4ed6\u4e09\u7a2e\u6548\u679c\u4f60\u81ea\u5df1\u5206\u5225\u8a66\u8a66\u770b\u6548\u679c\u529f\u80fd\u5427! \u53ea\u6709\u81ea\u5df1\u8a66\u904e\u624d\u77e5\u9053\u4ee5\u5f8c\u770b\u5230\u5225\u4eba\u7db2\u7ad9\u662f\u7528\u90a3\u4e9b\u529f\u80fd\u4f86\u505a\u7684\u5537! \u6b61\u8fce\u591a\u52a0\u7df4\u7fd2<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"%E9%8F%88%E7%B5%90%E5%81%BD%E9%A1%9E%E9%81%B8%E6%93%87%E5%99%A8%E8%A9%B2%E6%B3%A8%E6%84%8F%E4%BB%80%E9%BA%BC\"><\/span>\u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668\u8a72\u6ce8\u610f\u4ec0\u9ebc?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668\u8a72\u6ce8\u610f\u4ec0\u9ebc.jpg?resize=1024%2C575&#038;ssl=1\" alt=\"\" class=\"wp-image-1454\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668\u8a72\u6ce8\u610f\u4ec0\u9ebc.jpg?resize=1024%2C575&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668\u8a72\u6ce8\u610f\u4ec0\u9ebc.jpg?resize=300%2C168&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668\u8a72\u6ce8\u610f\u4ec0\u9ebc.jpg?resize=768%2C431&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668\u8a72\u6ce8\u610f\u4ec0\u9ebc.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668\u8a72\u6ce8\u610f\u4ec0\u9ebc.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u5728\u9019\u7bc0\u6211\u5011\u8981\u4f86\u804a\u804a\u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668\u5728\u64b0\u5beb\u6642\u9700\u8981\u6ce8\u610f\u7684\u4e8b\u9805\uff0c\u9084\u6709\u4f60\u5728\u5be6\u969b\u958b\u767c\u4e2d\u507d\u985e\u9078\u64c7\u5668\u7684\u4e00\u4e9b\u5beb\u6cd5\uff0c\u6211\u5011\u5148\u4f86\u770b\u770b\u64b0\u5beb\u6642\u9700\u8981\u6ce8\u610f\u7684\u4e8b\u9805\u5427! \u4e3b\u8981\u6709\u4ee5\u4e0b\u5e7e\u9ede\u3002<\/p>\n\n\n\n<ul><li><strong>\u70ba\u4e86\u78ba\u4fdd\u662f\u5426\u507d\u985e\u93c8\u7d50\u6709\u751f\u6548\uff0c\u9808\u6ce8\u610f\u9806\u5e8f\u4f7f\u7528<\/strong><\/li><li><strong>\u9806\u5e8f\u5982\u4e0b<\/strong><ul><li><strong>:link<\/strong><\/li><li><strong>:visited<\/strong><\/li><li><strong>:hover<\/strong><\/li><li><strong>:active<\/strong><\/li><\/ul><\/li><li>&lt;<strong>a&gt; \u9328\u9ede\u93c8\u7d50\u6a19\u7c64<span class=\"has-inline-color has-vivid-red-color\">\u5be6\u969b\u90fd\u6709\u9ed8\u8a8d\u6a23\u5f0f<\/span>\uff0c\u6539\u8b8a\u7684\u8a71\u9700\u8981\u7279\u5225\u4f7f\u7528 CSS \u5c6c\u6027\u55ae\u7368\u6307\u5b9a\u6a23\u5f0f<\/strong><\/li><\/ul>\n\n\n\n<p>\u4ee5\u4e0a\u6700\u91cd\u8981\u662f\u4f7f\u7528\u5230\u7d66\u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668\u591a\u529f\u80fd\u72c0\u614b\u8981\u8a18\u5f97\u662f<strong>\u6709\u9806\u5e8f<\/strong>\u7684\uff0c\u5982\u679c\u90fd\u6709\u4f7f\u7528\u5230\u5c31\u8981\u6309\u9020\u9806\u5e8f\u7684\u512a\u5148\u7d1a\u9032\u884c\u6392\u5217\uff0c<strong><span class=\"has-inline-color has-vivid-red-color\">\u5982\u679c\u4e0d\u9075\u5b88\u7684\u8a71\u5c31\u4e0d\u80fd\u9806\u5229\u88ab\u52a0\u8f09\u5537!<\/span><\/strong> \u4e0d\u4fe1\u7684\u8a71\u4f60\u53ef\u4ee5\u8a66\u8a66\u770b\u662f\u4e0d\u662f\u9019\u6a23\uff0c\u5047\u8a2d\u6211\u5011\u90fd\u6709\u7528\u5230\u9019 4 \u500b\u6548\u679c\uff0c\u90a3\u6211\u5011\u628a :visited \u548c :active \u7684\u9806\u5e8f\u4e92\u76f8\u8abf\u63db\uff0c\u4f60\u89ba\u5f97\u9084\u6703\u5448\u73fe\u51fa\u8a72\u529f\u80fd\u561b?<\/p>\n\n\n\n<p>\u63a5\u4e0b\u4f86\u4f86\u8aaa\u8aaa\u5be6\u969b\u958b\u767c\u4e2d\u6211\u5011\u6703\u600e\u9ebc\u6a23\u53bb\u5beb<strong>\u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668<\/strong>\uff0c\u4e00\u822c\u5e73\u6642\u93c8\u7d50\u72c0\u614b\u6211\u5011\u5c31\u5beb\u597d CSS \u5c6c\u6027\uff0c\u7b49\u5230\u6ed1\u9f20\u52d5\u4f5c\u8981\u8a18\u4f4f\u6709\u7528\u5230\u5192\u865f\u90fd\u662f\u8981\u89f8\u767c\u6ed1\u9f20\u7684\u52d5\u4f5c\u624d\u6703\u5448\u73fe\u6548\u679c\uff0c\u90a3\u5448\u73fe\u4ec0\u9ebc\u6548\u679c\u4f60\u5728\u5beb\u5230\u8a72\u5192\u865f\u52a0\u4e0a\u5c6c\u6027\u540d\u7a31\u88e1\u982d\u5c31\u597d\u4e86\uff0c\u9019\u6a23\u7684\u5beb\u6cd5\u6bd4\u8f03\u6709\u7d50\u69cb\u6027\u5537!<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>a {\n\tcolor: red;\n\ttext-decoration: none;\n}\n\na:hover {\n\tcolor: green;\n\n}\n<\/code><\/pre>\n\n\n\n<a class=\"btn_CTA\" href=\"https:\/\/learningnow.com.tw\/affiliate-marketing-make-money\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u9ede\u6211\u77ad\u89e3 \u5c0f\u9752\u5982\u4f55\u6bcf\u6708\u591a\u8cfa5\u4f4d\u6578\u53f0\u5e63<\/a>\n\n\n\n<p><\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"_focus%E5%81%BD%E9%A1%9E%E9%81%B8%E6%93%87%E5%99%A8%E6%98%AF%E4%BB%80%E9%BA%BC\"><\/span>:focus\u507d\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS-focus\u507d\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1024%2C575&#038;ssl=1\" alt=\"\" class=\"wp-image-1455\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS-focus\u507d\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1024%2C575&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS-focus\u507d\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=300%2C168&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS-focus\u507d\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=768%2C431&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS-focus\u507d\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS-focus\u507d\u985e\u9078\u64c7\u5668\u662f\u4ec0\u9ebc.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u525b\u525b\u6211\u5011\u8aaa\u4e86 4 \u500b\u507d\u985e\u9078\u64c7\u5668\uff0c\u63a5\u4e0b\u4f86\u6211\u5011\u5728\u63d0\u5230\u4e00\u500b\uff0c\u9019\u4e00\u500b\u6bd4\u8f03\u7279\u5225\uff0c\u4f60\u770b\u82f1\u6587\u662f <strong><span class=\"has-inline-color has-vivid-red-color\">focus <\/span><\/strong>\u6709\u95dc\u6ce8\u3001\u7126\u9ede\u7684\u610f\u601d\uff0c\u529f\u80fd\u662f\u9078\u64c7\u8868\u55ae\u5143\u7d20\u7684\u4f46\u662f\u9019\u6a23\u8aaa\u592a\u6a21\u7cca\u4e86\uff0c\u6211\u5011\u8981\u4ee5\u64cd\u4f5c\u8005\u700f\u89bd\u8005\u4f86\u89e3\u8aaa\uff0c\u5c31\u662f\u700f\u89bd\u8005\u64cd\u4f5c<strong><span class=\"has-inline-color has-vivid-red-color\">\u6ed1\u9f20 ( \u5149\u6a19 ) <\/span><\/strong>\u6211\u5c31\u628a\u5b83\u9078\u51fa\u4f86\uff0c\u9019\u6a23\u7406\u89e3\u4e86\u5427\uff0c\u5982\u679c\u4e0d\u592a\u597d\u7406\u89e3\u6211\u628a\u9019\u529f\u80fd\u7684\u4e2d\u9ede\u7d66\u63d0\u53d6\u51fa\u4f86\u5982\u4e0b\u8868\u793a\u3002<\/p>\n\n\n\n<ul><li><strong>\u529f\u80fd\u662f\u9078\u64c7\u6a19\u55ae\u5143\u7d20\uff0c\u4e5f\u5c31\u662f &lt;input&gt; \u8868\u55ae\u63a7\u4ef6\u6a19\u7c64<\/strong><\/li><li><strong>\u89f8\u767c\u52d5\u4f5c\u662f\u700f\u89bd\u8005\u6ed1\u9f20 ( \u5149\u6a19 )<\/strong><\/li><li><strong><span class=\"has-inline-color has-vivid-red-color\">\u5149\u6a19\u5728\u54ea\u88e1\uff0c\u5c31\u9078\u53d6\u5230\u54ea\u88e1<\/span><\/strong><\/li><\/ul>\n\n\n\n<p>\u6211\u5011\u4f86\u5be6\u969b\u64cd\u4f5c\u770b\u770b\uff0c\u6211\u5011\u5beb\u4e00\u500b HTML \u7d50\u69cb\u9aa8\u67b6\uff0c\u88e1\u9762\u5beb\u597d\u8868\u55ae\u63a7\u4ef6 &lt;input&gt; \u5143\u7d20\u6a19\u7c64\uff0c\u5982\u4e0b\u8868\u793a\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;body&gt;\n\t&lt;input type=\"text\"&gt;\n\t&lt;input type=\"text\"&gt;\n\n&lt;\/body&gt;\n<\/code><\/pre>\n\n\n\n<p>\u5275\u5efa\u597d HTML \u7d50\u69cb\u9aa8\u67b6\u5f8c\uff0c\u6211\u5011\u518d\u4f86\u8a66\u8a66\u770b\u5beb\u5165 :focus \u7684\u507d\u985e\u9078\u64c7\u5668\u4f86\u770b\u770b\u5448\u73fe\u7684\u6548\u679c\u5230\u5e95\u662f\u5982\u4f55\uff0c\u771f\u7684\u662f\u6211\u5149\u6a19\u9078\u5165\u8868\u55ae\u63a7\u4ef6 &lt;input&gt; \u5143\u7d20\u6a19\u7c64\uff0c\u5c31\u80fd\u6539\u8b8a\u7576\u524d\u7684\u80cc\u666f\u984f\u8272\u561b??<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>input:focus {\n\tbackgrand-color: yellow;\n\n}\n<\/code><\/pre>\n\n\n\n<p><strong>\u7b54\u6848\u662f\u53ef\u4ee5\u7684<\/strong>\uff0c\u6700\u5927\u7684\u7279\u8272\u662f :focus \u7684\u507d\u985e\u9078\u64c7\u5668<strong><span class=\"has-inline-color has-vivid-red-color\">\u4e3b\u8981\u662f\u7528\u5728\u8868\u55ae\u5537!<\/span><\/strong> \u662f\u4e0d\u662f\u6709\u6642\u5019\u9700\u8981\u8b93\u7528\u6236\u586b\u5beb\u8868\u55ae\u6642\uff0c\u6015\u7a81\u7136\u627e\u4e0d\u5230\u81ea\u5df1\u5149\u6a19\u662f\u5b9a\u4f4d\u5728\u54ea\u88e1\uff0c\u5982\u679c\u6709\u4f7f\u7528 :focus \u7684\u507d\u985e\u9078\u64c7\u5668\u7684\u8a71\uff0c\u6703\u56e0\u70ba\u7528\u6236\u7684<strong><span class=\"has-inline-color has-vivid-red-color\">\u5149\u6a19\u4f4d\u7f6e\u9078\u64c7\u8868\u55ae\u63a7\u4ef6\u800c\u6539\u8b8a\u4e86\u7576\u524d\u7684\u80cc\u666f\u984f\u8272<\/span><\/strong>\uff0c\u7528\u6236\u5c31\u4e0d\u6015\u627e\u4e0d\u5230\u5149\u6a19\u5566! \u662f\u4e0d\u662f\u53c8\u66f4\u80fd\u63d0\u5347\u7528\u6236\u7684\u9ad4\u9a57\u5462!<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"CSS%E8%A4%87%E5%90%88%E9%81%B8%E6%93%87%E5%99%A8%E7%B8%BD%E7%B5%90\"><\/span>CSS\u8907\u5408\u9078\u64c7\u5668\u7e3d\u7d50<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u8907\u5408\u9078\u64c7\u5668\u7e3d\u7d50.jpg?resize=1024%2C575&#038;ssl=1\" alt=\"\" class=\"wp-image-1456\" srcset=\"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u8907\u5408\u9078\u64c7\u5668\u7e3d\u7d50.jpg?resize=1024%2C575&amp;ssl=1 1024w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u8907\u5408\u9078\u64c7\u5668\u7e3d\u7d50.jpg?resize=300%2C168&amp;ssl=1 300w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u8907\u5408\u9078\u64c7\u5668\u7e3d\u7d50.jpg?resize=768%2C431&amp;ssl=1 768w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u8907\u5408\u9078\u64c7\u5668\u7e3d\u7d50.jpg?resize=1536%2C863&amp;ssl=1 1536w, https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u8907\u5408\u9078\u64c7\u5668\u7e3d\u7d50.jpg?w=2003&amp;ssl=1 2003w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" title=\"\" data-recalc-dims=\"1\"><\/figure>\n\n\n\n<p>\u7d93\u904e\u6211\u5011\u524d\u9762\u5b78\u5230\u4e86\u90a3\u9ebc\u591a\u7a2e\u9078\u64c7\u5668\uff0c\u4e0d\u77e5\u9053\u4f60\u6709\u6c92\u6709\u982d\u6688\u4e86\u5462! \u54c8\u54c8\u5e0c\u671b\u6c92\u6709\uff0c\u4e0d\u904e\u5b78\u5b8c\u662f\u5b78\u5b8c\u9084\u8981\u770b\u4f60\u6709\u6c92\u6709\u5be6\u969b\u81ea\u5df1\u53bb\u90fd\u7528\u7528\u770b try try \u770b\uff0c\u4e26\u601d\u8003\u70ba\u4ec0\u9ebc\u8981\u9019\u6a23\u4f7f\u7528? \u70ba\u4ec0\u9ebc\u8981\u7528\u5728\u9019\u500b\u5834\u666f\uff0c\u5982\u679c\u9019\u6a23\u5beb\u662f\u4e0d\u662f\u53ef\u4ee5\u7701\u4e0b\u66f4\u591a CSS \u5c6c\u6027\u4ee3\u78bc\u7684\u91cf\uff0c\u6c92\u932f! \u53ea\u8981\u4f60\u6709\u9019\u6a23\u53bb\u601d\u8003\uff0c\u7576\u521d\u958b\u767c\u8005\u70ba\u4ec0\u9ebc\u8981\u984d\u5916\u5728\u5275\u5efa\u4e00\u500b\u7528\u6cd5\u6216\u662f\u5beb\u6cd5\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td><strong>\u9078\u64c7\u5668\u540d\u7a31<\/strong><\/td><td><strong>\u529f\u80fd\u4f5c\u7528<\/strong><\/td><td><strong>\u4f7f\u7528\u983b\u7387<\/strong><\/td><td><strong>\u6700\u5927\u7279\u8272<\/strong><\/td><td><strong>\u9694\u958b\u7b26\u865f\u548c\u7528\u6cd5<\/strong><\/td><\/tr><tr><td>\u5f8c\u4ee3\u9078\u64c7\u5668<\/td><td>\u7528\u5728\u9078\u64c7\u5f8c\u4ee3\u5143\u7d20<\/td><td>\u591a<\/td><td>\u65cf\u8b5c\u7684\u6700\u5f8c\u4e00\u500b\u6703\u88ab\u9078\u4e2d<\/td><td>\u7b26\u865f\u662f\u7a7a\u683c<\/td><\/tr><tr><td>\u5b50\u4ee3\u9078\u64c7\u5668<\/td><td>\u53ea\u9078\u64c7\u6700\u8fd1\u4e00\u7d1a\u5143\u7d20<\/td><td>\u5c11<\/td><td>\u53ea\u80fd\u9078\u64c7\u89aa\u5152\u5b50<\/td><td>\u7b26\u865f\u662f\u5927\u65bc<\/td><\/tr><tr><td>\u4e26\u96c6\u9078\u64c7\u5668<\/td><td>\u9078\u64c7\u76f8\u540c\u7d1a\u7684\u5143\u7d20<\/td><td>\u591a<\/td><td>\u80fd\u5920\u9078\u53d6\u5927\u91cf\u6a19\u7c64<\/td><td>\u7b26\u865f\u662f\u9017\u865f<\/td><\/tr><tr><td>\u93c8\u7d50\u507d\u985e\u9078\u64c7\u5668<\/td><td>\u9078\u64c7\u4e0d\u540c\u72c0\u614b\u7684\u93c8\u7d50<\/td><td>\u591a<\/td><td>\u8ddf\u93c8\u7d50\u76f8\u95dc<\/td><td>\u6700\u5e38\u7528a{}\u548ca:hover \u5be6\u969b\u958b\u767c\u7684\u5beb\u6cd5<\/td><\/tr><tr><td>:focus\u9078\u64c7\u5668<\/td><td>\u9078\u64c7\u7576\u524d\u5149\u6a19\u7684\u8868\u55ae<\/td><td>\u5c11<\/td><td>\u8ddf\u8868\u55ae\u76f8\u95dc<\/td><td>\u6700\u5e38\u7528input:focus<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u4f60\u5c31\u80fd\u66f4\u8cbc\u8fd1\u4ed6\u7684\u7528\u610f\u56c9! \u4e00\u5b9a\u662f\u6709\u6240\u9700\u6c42\uff0c\u540c\u6a23\u80fd\u9054\u6210\u76ee\u7684\u4f46\u662f\u5982\u679c\u4f60\u4f7f\u7528\u9019\u6a23\u64cd\u4f5c\u7528\u6cd5\u5c31\u80fd\u66f4\u5feb\u7684\u5b8c\u6210 CSS \u5c6c\u6027\u914d\u7f6e\uff0c\u7562\u7adf\u4e00\u958b\u59cb\u5c0f\u7db2\u7ad9\u6c92\u5565\u6771\u897f\u5167\u5bb9\u5c11\u662f\u6c92\u932f\u5566! \u4e0d\u592a\u9700\u8981\u8003\u616e\u5230\u9019\u4e9b\uff0c\u4f46\u662f\u4f60\u65e5\u5f8c\u7db2\u7ad9\u4e00\u5b9a\u8d8a\u4f86\u8d8a\u591a\u529f\u80fd\u4e5f\u7d50\u69cb\u8d8a\u4f86\u8d8a\u8907\u96dc\uff0c\u7576\u7136\u4f60\u5c31<strong><span class=\"has-inline-color has-vivid-red-color\">\u4e0d\u80fd\u518d\u7528\u4ee5\u524d\u4ec0\u9ebc\u571f\u6cd5\u7149\u92fc\u786c\u625b\u904e\u53bb<\/span><\/strong>\uff0c\u90a3\u7a2e\u65b9\u6cd5\u5c0d\u5f8c\u671f\u90fd\u662f\u7121\u6548\u7684\u6c92\u6709\u4eba\u6703\u90a3\u9ebc\u505a\u7684\u3002<\/p>\n\n\n\n<p>\u6240\u4ee5\u6709\u65b0\u7684\u529f\u80fd\u548c\u66f4\u4fbf\u6377\u7684\u61c9\u7528\u90fd\u9700\u8981\u5b78\u6703\uff0c\u591a\u591a\u7df4\u7fd2\u4e0d\u65b7\u7684\u5167\u5316\u81ea\u5df1\uff0c\u624d\u6703\u8d8a\u4f86\u8d8a\u53b2\u5bb3\u4e5f\u6703\u8d8a\u4f86\u6709\u5047\u503c\u5537! \u5b78\u5b8c\u9019\u672c\u7ae0\u4f60\u6703\u600e\u9ebc\u628a\u9019\u4e9bCSS\u8907\u5408\u9078\u64c7\u5668\u61c9\u7528\u5728\u4f60\u7684\u7db2\u7ad9\u5462? \u4ee5\u53ca\u4f60\u6703\u600e\u9ebc\u512a\u5316\u4e4b\u524d\u7684\u4ee3\u78bc \u5462? \u6211\u76f8\u4fe1\u4f60\u61c9\u8a72\u6709\u982d\u7dd2\u4e86!!!<\/p>\n\n\n\n<p><\/p>\n\n\n\n<a class=\"btn_CTA\" href=\"https:\/\/learningnow.com.tw\/affiliate-marketing-make-money\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u9ede\u6211\u77ad\u89e3 \u5c0f\u9752\u5982\u4f55\u6bcf\u6708\u591a\u8cfa5\u4f4d\u6578\u53f0\u5e63<\/a>\n","protected":false},"excerpt":{"rendered":"<p>\u7d93\u904e\u6211\u5011\u524d\u9762CSS\u6559\u5b78\u5f8c\u958b\u59cb\u9032\u884c\u958b\u767c\u5f8c\u4f60\u662f\u4e0d\u662f\u767c\u73fe\u6709\u6642\u5019\u5728\u5beb CSS \u5c6c\u6027\u4ee3\u78bc\uff0c\u6709\u5f88\u591a\u6539\u8b8a\u4e00\u500b\u6771\u897f\u6211\u5c31\u8981\u5beb\u4e00\u6b21 &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/learningnow.com.tw\/css-composite-selector\/\"> <span class=\"screen-reader-text\">\u3010CSS\u6559\u5b78\u3011Day05 \u2013 CSS\u8907\u5408\u9078\u64c7\u5668\uff0c\u7528\u5c0d\u65b9\u6cd5\u80fd\u7e2e\u6e1b\u4ee3\u78bc\u91cf (\u8a73\u7d30\u89e3\u8aaa)<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":1458,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[16,7],"tags":[],"modified_by":"\u5c0f\u9752","jetpack_featured_media_url":"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u8907\u5408\u9078\u64c7\u5668.jpg?fit=2003%2C1125&ssl=1","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":1539,"url":"https:\/\/learningnow.com.tw\/css-features\/","url_meta":{"origin":1424,"position":0},"title":"\u3010CSS\u6559\u5b78\u3011Day08\u2013 CSS\u6709\u4ec0\u9ebc\u7279\u6027?\u4f60\u77e5\u9053\u7279\u6027\u6703\u5f71\u97ff\u4ec0\u9ebc\u55ce? (\u8a73\u7d30\u89e3\u8aaa)","date":"2020 \u5e74 12 \u6708 3 \u65e5","format":false,"excerpt":"\u63a5\u4e0b\u4f86\u7684 CSS \u6559\u5b78\u6211\u5011\u4f86\u5b78\u7fd2 CSS \u7684\u4e09\u5927\u7279\u6027\uff0c\u70ba\u4ec0\u9ebc\u8981\u5b78\u7fd2\u9019\u4e09\u5927\u7279\u6027\u5462? \u9019\u662f\u56e0\u70ba\u4f60\u5230\u6642\u5019\u5728\u2026","rel":"","context":"\u5728\u300cCSS\u5b78\u7fd2\u6307\u5357\u300d\u4e2d","img":{"alt_text":"CSS\u7279\u6027","src":"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/12\/CSS\u7279\u6027.jpg?fit=1200%2C674&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1329,"url":"https:\/\/learningnow.com.tw\/what-is-css\/","url_meta":{"origin":1424,"position":1},"title":"\u3010CSS\u6307\u5357\u3011Day01 &#8211; CSS\u662f\u4ec0\u9ebc?\u5165\u9580\u4e00\u5b9a\u8981\u5148\u77e5\u9053\u9019\u4e9b\u898f\u5247 (\u6700\u8a73\u7d30\u8aaa\u660e)","date":"2020 \u5e74 11 \u6708 19 \u65e5","format":false,"excerpt":"\u70ba\u4ec0\u9ebc\u5b78\u7fd2\u5b8c HTML \u9084\u9700\u8981\u5b78\u7fd2 CSS \u6280\u8853\u5462? \u5f88\u591a\u4eba\u53ef\u80fd\u6703\u6709\u9019\u500b\u7591\u554f\u4e00\u76f4\u5f88\u56f0\u60d1\u8457\u8aaa\u5b78\u5b8c HT\u2026","rel":"","context":"\u5728\u300cCSS\u5b78\u7fd2\u6307\u5357\u300d\u4e2d","img":{"alt_text":"CSS\u662f\u4ec0\u9ebc","src":"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u662f\u4ec0\u9ebc.jpg?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1556,"url":"https:\/\/learningnow.com.tw\/css-box-model\/","url_meta":{"origin":1424,"position":2},"title":"\u3010CSS\u6559\u5b78\u3011Day09\u2013 CSS\u76d2\u5b50\u6a21\u578b\u5982\u4f55\u4f7f\u7528?\u4f60\u77e5\u9053\u76d2\u5b50\u7684\u7d44\u6210\u55ce? (\u8a73\u7d30\u89e3\u8aaa)","date":"2020 \u5e74 12 \u6708 5 \u65e5","format":false,"excerpt":"\u5728 CSS \u6559\u5b78\u4e2d\u6700\u91cd\u8981\u7684\u6838\u5fc3\u90e8\u5206\u61c9\u8a72\u53ef\u4ee5\u8aaa\u662f\u76d2\u5b50\u6a21\u578b ( Box Model ) \u4e86\uff0c\u5982\u679c\u4f60\u5b78\u7fd2\u597d\u2026","rel":"","context":"\u5728\u300c\u6280\u80fd\u300d\u4e2d","img":{"alt_text":"CSS\u76d2\u5b50\u6a21\u578b","src":"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/12\/CSS\u76d2\u5b50\u6a21\u578b.jpg?fit=1200%2C674&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1265,"url":"https:\/\/learningnow.com.tw\/css-fonts\/","url_meta":{"origin":1424,"position":3},"title":"\u3010CSS\u6307\u5357\u3011Day02 &#8211; CSS Fonts \u5b57\u9ad4\u5c6c\u6027\uff0c\u770b\u9019\u7bc7\u5c31\u5920\u4e86(\u6700\u8a73\u7d30\u8aaa\u660e)","date":"2020 \u5e74 11 \u6708 18 \u65e5","format":false,"excerpt":"CSS Fonts ( \u5b57\u9ad4 ) \u5c6c\u6027\u5c31\u662f\u5c08\u6ce8\u5728\u65bc\u5b9a\u7fa9\u5b57\u9ad4\u4e00\u7cfb\u5217\u7684\u6539\u8b8a\u5c6c\u6027\uff0c\u672c\u7ae0\u7bc0\u6703\u8a73\u7d30\u8aaa\u660e\u4e00\u822c\u524d\u7aef\u2026","rel":"","context":"\u5728\u300cCSS\u5b78\u7fd2\u6307\u5357\u300d\u4e2d","img":{"alt_text":"CSS Fonts","src":"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS-Fonts.jpg?fit=1200%2C674&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1398,"url":"https:\/\/learningnow.com.tw\/css-style-sheet\/","url_meta":{"origin":1424,"position":4},"title":"\u3010CSS\u6307\u5357\u3011Day04 \u2013 CSS\u4e2d\u6a23\u5f0f\u8868\u6709\u54ea\u5e7e\u7a2e\u4f60\u77e5\u9053\u55ce? (\u8a73\u7d30\u63a2\u8a0e)","date":"2020 \u5e74 11 \u6708 22 \u65e5","format":false,"excerpt":"CSS \u7684\u4e09\u7a2e\u6a23\u5f0f\u8868\u5206\u5225\u662f\u4ec0\u9ebc? \u7d93\u904e\u5728\u524d\u9762\u7684\u5b78\u7fd2\u6211\u5011\u53ef\u4ee5\u521d\u6b65\u8a8d\u8b58\u5230 CSS \u662f\u4ec0\u9ebc\u9084\u6709 CSS \u7684\u2026","rel":"","context":"\u5728\u300cCSS\u5b78\u7fd2\u6307\u5357\u300d\u4e2d","img":{"alt_text":"CSS\u6a23\u5f0f\u8868","src":"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/11\/CSS\u6a23\u5f0f\u8868.jpg?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":784,"url":"https:\/\/learningnow.com.tw\/what-is-vscode\/","url_meta":{"origin":1424,"position":5},"title":"\u3010HTML\u6307\u5357\u3011Day05 &#8211; VScode \u662f\u4ec0\u9ebc?\u524d\u7aef\u4eba\u54e1\u5fc5\u88dd?","date":"2020 \u5e74 9 \u6708 13 \u65e5","format":false,"excerpt":"\u5de5\u6b32\u5584\u5176\u4e8b\uff0c\u5fc5\u5148\u5229\u5176\u5668\uff0c\u4e4b\u524d\u6211\u5011\u90fd\u662f\u7528\u8a18\u4e8b\u672c\u4f86\u9032\u884c\u958b\u767c\u96d6\u7136\u4e5f\u662f\u53ef\u4ee5\u5b8c\u6210\u4f46\u662f\u5f88\u4e0d\u65b9\u4fbf\uff0c\u4f8b\u5982\u6211\u5011\u4e4b\u524d\u90fd\u5728\u2026","rel":"","context":"\u5728\u300cHTML\u5b78\u7fd2\u6307\u5357\u300d\u4e2d","img":{"alt_text":"VScode\u662f\u4ec0\u9ebc","src":"https:\/\/i0.wp.com\/learningnow.com.tw\/wp-content\/uploads\/2020\/09\/VScode\u662f\u4ec0\u9ebc.jpg?fit=1200%2C676&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/learningnow.com.tw\/wp-json\/wp\/v2\/posts\/1424"}],"collection":[{"href":"https:\/\/learningnow.com.tw\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/learningnow.com.tw\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/learningnow.com.tw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/learningnow.com.tw\/wp-json\/wp\/v2\/comments?post=1424"}],"version-history":[{"count":0,"href":"https:\/\/learningnow.com.tw\/wp-json\/wp\/v2\/posts\/1424\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/learningnow.com.tw\/wp-json\/wp\/v2\/media\/1458"}],"wp:attachment":[{"href":"https:\/\/learningnow.com.tw\/wp-json\/wp\/v2\/media?parent=1424"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/learningnow.com.tw\/wp-json\/wp\/v2\/categories?post=1424"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/learningnow.com.tw\/wp-json\/wp\/v2\/tags?post=1424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}