{"id":469,"date":"2017-01-18T18:00:03","date_gmt":"2017-01-18T09:00:03","guid":{"rendered":"http:\/\/www.clarenet.co.jp\/column\/engineer\/?p=469"},"modified":"2017-01-18T18:00:03","modified_gmt":"2017-01-18T09:00:03","slug":"%e7%96%91%e4%bc%bc%e3%82%af%e3%83%a9%e3%82%b9%ef%bc%92","status":"publish","type":"post","link":"https:\/\/4koma-web.com\/coding\/%e7%96%91%e4%bc%bc%e3%82%af%e3%83%a9%e3%82%b9%ef%bc%92\/","title":{"rendered":"nth-child(n)"},"content":{"rendered":"<p>\u30fb\u7591\u4f3c\u30af\u30e9\u30b9<br \/>\nnth-child(n)\u306f\u3001\u3042\u308b\u8981\u7d20\u306e\u96a3\u63a5\u3057\u3066\u3044\u308b\u5b50\u8981\u7d20\u3092\u6700\u521d\u304b\u3089\u6570\u3048\u3066\u3001n\u756a\u76ee\u306b\u3042\u305f\u308b\u8981\u7d20\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528\u3057\u307e\u3059\u3002<br \/>\nn\u756a\u76ee\u3068\u3044\u3046\u306e\u306f\u96a3\u63a5\u3057\u3066\u3044\u308b\u8981\u7d20\u3092\u5168\u3066\u6570\u3048\u308b\u306e\u3067\u3001\u9593\u306b\u5225\u306e\u8981\u7d20\u304c\u6709\u308b\u3068\u305d\u306e\u8981\u7d20\u3082\u30ab\u30a6\u30f3\u30c8\u3057\u3066n\u756a\u76ee\u306b\u30b9\u30bf\u30a4\u30eb\u304c\u9069\u7528\u3055\u308c\u307e\u3059\u3002<\/p>\n<p>\u25bc\u5076\u6570\u884c\u3060\u3051\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u3057\u307e\u3057\u307e\u306b\u3059\u308b\u4e8b\u3082\u51fa\u6765\u307e\u3059\u3002<br \/>\n:nth-child(2n)<br \/>\n:nth-child(even)<\/p>\n<p>\u25bc\u5947\u6570\u3092\u6307\u5b9a\u3057\u305f\u3044\u5834\u5408\u306f\u3001\u4e0b\u8a18\u306e\u3088\u3046\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<br \/>\n:nth-child(odd)<br \/>\n:nth-child(2n+1)\uff081\u756a\u76ee\u306e\u5b50\u8981\u7d20\u3092\u6307\u5b9a\u3057\u305d\u306e\u5f8c2\u3064\u304a\u304d\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u6307\u5b9a\uff09<\/p>\n<p>\u25bc\u4efb\u610f\u306e\u5b50\u8981\u7d20\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528\u3057\u305f\u3044\u5834\u5408\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u6307\u5b9a\u3057\u307e\u3059\u3002<br \/>\n:nth-child(5)\/*5\u756a\u76ee\u306e\u307f\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528*\/<br \/>\n:nth-child(3n)\/*3\u306e\u500d\u6570\u306e\u307f\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528\/*<br \/>\n:nth-child(3n+5)\/*5\u756a\u76ee\u306e\u5b50\u8981\u7d20\u304b\u30893\u3064\u304a\u304d\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528*\/<br \/>\n:nth-child(n+4)\/*4\u756a\u76ee\u4ee5\u964d\u306e\u5b50\u8981\u7d20\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528*\/<br \/>\n:nth-child(-n+3)\/*3\u756a\u76ee\u307e\u3067\u306e\u5b50\u8981\u7d20\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528*\/<\/p>\n<p>\u25bc\u66f8\u304d\u65b9<br \/>\n.sample li:nth-child(2n){}<\/p>\n<p>\u53c2\u8003\u30b5\u30a4\u30c8\uff1ahttp:\/\/design.webclips.jp\/css3-nth-child\/<br \/>\n\u53c2\u8003\u30b5\u30a4\u30c8\uff1ahttp:\/\/zero.css-happylife.com\/selectors\/nth-child.shtml<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30fb\u7591\u4f3c\u30af\u30e9\u30b9 nth-child(n)\u306f\u3001\u3042\u308b\u8981\u7d20\u306e\u96a3\u63a5\u3057\u3066\u3044\u308b\u5b50\u8981\u7d20\u3092\u6700\u521d\u304b\u3089\u6570\u3048\u3066\u3001n\u756a\u76ee\u306b\u3042\u305f\u308b\u8981\u7d20\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528\u3057\u307e\u3059\u3002 n\u756a\u76ee\u3068\u3044\u3046\u306e\u306f\u96a3\u63a5\u3057\u3066\u3044\u308b\u8981\u7d20\u3092\u5168\u3066\u6570\u3048\u308b\u306e\u3067\u3001\u9593\u306b\u5225\u306e\u8981\u7d20\u304c\u6709\u308b\u3068\u305d\u306e\u8981\u7d20\u3082\u30ab\u30a6\u30f3\u30c8 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_locale":"","_original_post":"","footnotes":""},"categories":[1],"tags":[],"publishpress_future_action":{"enabled":false,"date":"2026-04-21 23:06:23","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category"},"_links":{"self":[{"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/posts\/469"}],"collection":[{"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/comments?post=469"}],"version-history":[{"count":0,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/posts\/469\/revisions"}],"wp:attachment":[{"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/media?parent=469"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/categories?post=469"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/tags?post=469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}