{"id":75,"date":"2024-12-01T09:37:05","date_gmt":"2024-12-01T01:37:05","guid":{"rendered":"https:\/\/note.yuncrown.com\/?p=75"},"modified":"2024-12-01T10:02:43","modified_gmt":"2024-12-01T02:02:43","slug":"css%e7%b2%be%e7%81%b5%e5%9b%be%e5%ae%9a%e4%bd%8d","status":"publish","type":"post","link":"https:\/\/note.yuncrown.com\/index.php\/2024\/12\/01\/css%e7%b2%be%e7%81%b5%e5%9b%be%e5%ae%9a%e4%bd%8d\/","title":{"rendered":"CSS\u7cbe\u7075\u56fe\u5b9a\u4f4d"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>\u7a77\u4e3e\u6cd5<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"other-nav\">\n\t&lt;ul class=\"other-nav-list clearfix\">\n\t\t&lt;li>\n\t\t\t&lt;div class=\"picture\">&lt;\/div>\n\t\t\t&lt;span>\u8bdd\u8d39&lt;\/span>\n\t\t&lt;\/li>\n\t\t&lt;li>\n\t\t\t&lt;div class=\"picture\">&lt;\/div>\n\t\t\t&lt;span>\u706b\u8f66\u7968&lt;\/span>\n\t\t&lt;\/li>\n\t\t&lt;li>\n\t\t\t&lt;div class=\"picture\">&lt;\/div>\n\t\t\t&lt;span>\u52a0\u6cb9\u5361&lt;\/span>\n\t\t&lt;\/li>\n\t\t&lt;li>\n\t\t\t&lt;div class=\"picture\">&lt;\/div>\n\t\t\t&lt;span>\u767d\u6761&lt;\/span>\n\t\t&lt;\/li>\n\t&lt;\/ul>\n\t&lt;ul class=\"other-nav-list clearfix\">\n\t\t&lt;li>\n\t\t\t&lt;div class=\"picture\">&lt;\/div>\n\t\t\t&lt;span>\u7535\u5f71\u7968&lt;\/span>\n\t\t&lt;\/li>\n\t\t&lt;li>\n\t\t\t&lt;div class=\"picture\">&lt;\/div>\n\t\t\t&lt;span>\u9152\u5e97&lt;\/span>\n\t\t&lt;\/li>\n\t\t&lt;li>\n\t\t\t&lt;div class=\"picture\">&lt;\/div>\n\t\t\t&lt;span>\u7406\u8d22&lt;\/span>\n\t\t&lt;\/li>\n\t\t&lt;li>\n\t\t\t&lt;div class=\"picture\">&lt;\/div>\n\t\t\t&lt;span>\u673a\u7968&lt;\/span>\n\t\t&lt;\/li>\n\t&lt;\/ul>\n\t&lt;ul class=\"other-nav-list clearfix\">\n\t\t&lt;li>\n\t\t\t&lt;div class=\"picture\">&lt;\/div>\n\t\t\t&lt;span>\u793c\u54c1\u5361&lt;\/span>\n\t\t&lt;\/li>\n\t\t&lt;li>\n\t\t\t&lt;div class=\"picture\">&lt;\/div>\n\t\t\t&lt;span>\u5f69\u7968&lt;\/span>\n\t\t&lt;\/li>\n\t\t&lt;li>\n\t\t\t&lt;div class=\"picture\">&lt;\/div>\n\t\t\t&lt;span>\u6e38\u620f&lt;\/span>\n\t\t&lt;\/li>\n\t\t&lt;li>\n\t\t\t&lt;div class=\"picture\">&lt;\/div>\n\t\t\t&lt;span>\u4f17\u7b79&lt;\/span>\n\t\t&lt;\/li>\n\t&lt;\/ul>\n&lt;\/div><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>.picture {\n    width: 48px;\n    height: 48px;\n    background-image: url(\"..\/images\/\u7cbe\u7075\u56fe-\u4fa7\u8fb9\u529f\u80fd.png\");\n}\n.other-nav-list:nth-child(1) li:nth-child(1) .picture {\n    background-position: 0 0;\n}\n.other-nav-list:nth-child(1) li:nth-child(2) .picture {\n    background-position: -48px 0;\n}\n.other-nav-list:nth-child(1) li:nth-child(3) .picture {\n    background-position: -96px 0;\n}\n.other-nav-list:nth-child(1) li:nth-child(4) .picture {\n    background-position: -144px 0;\n}\n\n.other-nav-list:nth-child(2) li:nth-child(1) .picture {\n    background-position: 0 -48px;\n}\n.other-nav-list:nth-child(2) li:nth-child(2) .picture {\n    background-position: -48px -48px;\n}\n.other-nav-list:nth-child(2) li:nth-child(3) .picture {\n    background-position: -96px -48px;\n}\n.other-nav-list:nth-child(2) li:nth-child(4) .picture {\n    background-position: -144px -48px;\n}\n\n.other-nav-list:nth-child(3) li:nth-child(1) .picture {\n    background-position: 0 -96px;\n}\n.other-nav-list:nth-child(3) li:nth-child(2) .picture {\n    background-position: -48px -96px;\n}\n.other-nav-list:nth-child(3) li:nth-child(3) .picture {\n    background-position: -96px -96px;\n}\n.other-nav-list:nth-child(3) li:nth-child(4) .picture {\n    background-position: -144px -96px;\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u7a77\u4e3e\u6cd5<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[13,11],"class_list":["post-75","post","type-post","status-publish","format-standard","hentry","category-6","tag-css","tag-11"],"_links":{"self":[{"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/posts\/75","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/comments?post=75"}],"version-history":[{"count":1,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/posts\/75\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/posts\/75\/revisions\/76"}],"wp:attachment":[{"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/media?parent=75"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/categories?post=75"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/tags?post=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}