{"id":6295,"date":"2022-03-16T15:04:41","date_gmt":"2022-03-16T07:04:41","guid":{"rendered":"http:\/\/jilin.hydesign.tw\/?p=6295"},"modified":"2022-03-22T16:23:47","modified_gmt":"2022-03-22T08:23:47","slug":"css-functions-counter","status":"publish","type":"post","link":"http:\/\/jilin.hydesign.tw\/index.php\/2022\/03\/16\/css-functions-counter\/","title":{"rendered":"\u8a08\u6578\u5668 counter()"},"content":{"rendered":"\n
\n
\n

\u261e \u8a9e\u6cd5\u8aaa\u660e<\/h3>\n\n\n\n

\u6dfb\u52a0\u5c6c\u6027 \u21e2 counter-reset \u548c counter-increment
\u986f\u793a\u8a08\u6578\u5668 \u21e2 \u5728content \u4e2d\u8a2d\u5b9a counter() \u6216 counters() \u51fd\u6578\u503c<\/p>\n\n\n\n

body {\n  counter-reset: section; \/* \u91cd\u7f6e\u8a08\u6578\u5668 0 *\/\n}\nh3:before {\n  counter-increment: section; \/* \u589e\u52a0\u8a08\u6578\u5668\u503c *\/\n  content: \"Section \" counter(section) \": \"; \/* \u986f\u793a\u8a08\u6578\u5668 *\/\n}<\/pre>\n\n\n\n
<h3>Introduction<\/h3>\n<h3>Body<\/h3>\n<h3>Conclusion<\/h3><\/pre>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\u261e \u7bc4\u4f8b<\/h3>\n\n\n\n
\u5957\u7528 <ol> <\/strong><\/p>\n\n\n\n
ol {\n  counter-reset: section;  \/* \u91cd\u7f6e\u8a08\u6578\u5668 0 *\/\n  list-style-type: none;\n}\nli:before {\n  counter-increment: section; \/* \u589e\u52a0\u8a08\u6578\u5668\u503c *\/\n  content: counters(section, \".\") \" \";   \/* \u8a08\u6578\u5668\u4ee5\u201c.\u201d\u5206\u9694 *\/\n}<\/pre>\n\n\n\n
<ol>\n  <li>item<\/li>          <!-- 1     -->\n  <li>item               <!-- 2     -->\n    <ol>\n      <li>item<\/li>      <!-- 2.1   -->\n      <li>item<\/li>      <!-- 2.2   -->\n      <li>item           <!-- 2.3   -->\n        <ol>\n          <li>item<\/li>  <!-- 2.3.1 -->\n          <li>item<\/li>  <!-- 2.3.2 -->\n        <\/ol>\n        <ol>\n          <li>item<\/li>  <!-- 2.3.1 -->\n          <li>item<\/li>  <!-- 2.3.2 -->\n          <li>item<\/li>  <!-- 2.3.3 -->\n        <\/ol>\n      <\/li>\n      <li>item<\/li>      <!-- 2.4   -->\n    <\/ol>\n  <\/li>\n  <li>item<\/li>          <!-- 3     -->\n  <li>item<\/li>          <!-- 4     -->\n<\/ol>\n<ol>\n  <li>item<\/li>          <!-- 1     -->\n  <li>item<\/li>          <!-- 2     -->\n<\/ol><\/pre>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
\u261e \u8a9e\u6cd5\u8aaa\u660e \u6dfb\u52a0\u5c6c\u6027 \u21e2 counter-reset \u548c counter-increment \u986f\u793a\u8a08\u6578\u5668 \u21e2...<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,53,12,4],"tags":[],"class_list":["post-6295","post","type-post","status-publish","format-standard","hentry","category-css","category-css-functions","category-front-end","category-notes"],"_links":{"self":[{"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/posts\/6295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/comments?post=6295"}],"version-history":[{"count":52,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/posts\/6295\/revisions"}],"predecessor-version":[{"id":7020,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/posts\/6295\/revisions\/7020"}],"wp:attachment":[{"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/media?parent=6295"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/categories?post=6295"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/tags?post=6295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}