{"id":656,"date":"2012-08-14T22:37:06","date_gmt":"2012-08-14T13:37:06","guid":{"rendered":"http:\/\/zuvuyalink.net\/nrjlog\/?p=656"},"modified":"2012-08-14T22:37:06","modified_gmt":"2012-08-14T13:37:06","slug":"%e6%93%ac%e4%bc%bc%e3%82%af%e3%83%a9%e3%82%b9%e3%82%bb%e3%83%ac%e3%82%af%e3%82%bf","status":"publish","type":"post","link":"https:\/\/zuvuyalink.net\/nrjlog\/archives\/656","title":{"rendered":"\u64ec\u4f3c\u30af\u30e9\u30b9\u30bb\u30ec\u30af\u30bf"},"content":{"rendered":"

\u30bb\u30ec\u30af\u30bf\u3068\u306f\u300cHTML\u306e\u3069\u306e\u8981\u7d20\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528\u3059\u308b\u304b\u300d<\/strong>\u3092\u6307\u5b9a\u3059\u308b\u305f\u3081\u306e\u3082\u306e\u3002
\nCSS2\u4ee5\u964d\u3067\u5b9a\u7fa9\u3055\u308c\u3001CSS3\u3067\u5f37\u5316\u3055\u308c\u307e\u3057\u305f\u3002<\/p>\n

<\/p>\n

\u8981\u7d20\u30bb\u30ec\u30af\u30bf\u3001\u30af\u30e9\u30b9\u30bb\u30ec\u30af\u30bf\u3001ID\u30bb\u30ec\u30af\u30bf<\/h3>\n

\u57fa\u672c\u7684\u306a\u30bb\u30ec\u30af\u30bf<\/strong><\/p>\n

\n

\u30fb\u8981\u7d20\u30bb\u30ec\u30af\u30bf\uff08HTML\u8981\u7d20\u306b\u5bfe\u3057\u3066\u9069\u7528\uff09<\/p>\n

\ndiv { background-color : red; }\n<\/pre>\n
\n
\u30fb\u30af\u30e9\u30b9\u30bb\u30ec\u30af\u30bf\uff08\u7279\u5b9a\u306eclass\u5c5e\u6027\u5024\u3092\u4e0e\u3048\u3089\u308c\u305f\u8981\u7d20\u306b\u5bfe\u3057\u3066\u9069\u7528\uff09<\/p>\n
\n.name { background-color : red; }\n<\/pre>\n
\n
\u30fbID\u30bb\u30ec\u30af\u30bf\uff08\u7279\u5b9a\u306eid\u5c5e\u6027\u5024\u3092\u4e0e\u3048\u3089\u308c\u305f\u8981\u7d20\u306b\u5bfe\u3057\u3066\u9069\u7528\uff09<\/p>\n
\n#zokusei { background-color : red; }\n<\/pre>\n<\/div>\n
\n
\u5b50\u5b6b\u30bb\u30ec\u30af\u30bf<\/h3>\n
\u7279\u5b9a\u306e\u7bc4\u56f2\u5185\u306e\u3055\u3089\u306b\u4e00\u90e8\u306e\u8981\u7d20\u3060\u3051\u3092\u6307\u5b9a\u3067\u304d\u308b\u30bb\u30ec\u30af\u30bf<\/strong>\u306e\u3053\u3068\u3002<\/p>\n
\n
\u30fb\u5b50\u5b6b\u30bb\u30ec\u30af\u30bf\uff08div\u8981\u7d20\u306e\u5b50\u8981\u7d20\u3068\u306a\u308bp\u8981\u7d20\u306e\u307f\u306b\u9069\u7528\uff09<\/p>\n
\ndiv p { background-color : red; }\n<\/pre>\n
\n
\u30fb\u5b50\u5b6b\u30bb\u30ec\u30af\u30bf\uff08div\u8981\u7d20\u306e\u5b50\u8981\u7d20\u306e\u5185\u3001id\u304cshison\u306e\u8981\u7d20\u306e\u307f\u306b\u9069\u7528\uff09<\/p>\n
\ndiv #shison { background-color : red; }\n<\/pre>\n<\/div>\n
\n
\u64ec\u4f3c\u30af\u30e9\u30b9\u30bb\u30ec\u30af\u30bf<\/h3>\n
\u300c\u6700\u521d\u306e\u8981\u7d20\u300d\u300c\u6700\u5f8c\u306e\u8981\u7d20\u300d\u3068\u3044\u3063\u305f\u6761\u4ef6\u306b\u3088\u3063\u3066\u81ea\u52d5\u7684\u306b\u5bfe\u8c61\u306e\u8981\u7d20\u3092\u9078\u3076<\/strong>\u3053\u3068\u304c\u3067\u304d\u308b\u3002
\n\u540c\u3058\u8981\u7d20\u304c\u3044\u304f\u3064\u3082\u4e26\u3076\u3088\u3046\u306a\u72b6\u6cc1\u3067\u306f\u64ec\u4f3c\u30af\u30e9\u30b9\u30bb\u30ec\u30af\u30bf\u304c\u52b9\u679c\u7684\u3002\u3053\u308c\u307e\u3067\u306f\u3001\u4e26\u3093\u3067\u3044\u308b\u8981\u7d20\u5185\u306e\u6700\u521d\u304b\u6700\u5f8c\u3060\u3051\u30b9\u30bf\u30a4\u30eb\u3092\u5909\u3048\u305f\u3044\u5834\u5408\u306f\u3001\u305d\u306e\u8981\u7d20\u306b\u5bfe\u3057\u3066.first\u3084.last\u3068\u30af\u30e9\u30b9\u540d\u3092\u3064\u3051\u308b\u5fc5\u8981\u304c\u3042\u3063\u305f\u3002
\n\u64ec\u4f3c\u30af\u30e9\u30b9\u30bb\u30ec\u30af\u30bf\u3092\u4f7f\u3048\u3070\u3001\u3059\u3079\u3066\u306e\u8981\u7d20\u3092\u540c\u3058\u3088\u3046\u306b\u66f8\u304f<\/strong>\u3053\u3068\u304c\u3067\u304d\u3001\u5f8c\u304b\u3089\u8981\u7d20\u3092\u8ffd\u52a0\u30fb\u524a\u9664\u3057\u305f\u5834\u5408\u306f\u3001\u81ea\u52d5\u7684\u306b\u6700\u521d\u307e\u305f\u306f\u6700\u5f8c\u306e\u8981\u7d20\u3060\u3051\u30b9\u30bf\u30a4\u30eb\u304c\u5909\u5316<\/strong>\u3059\u308b\u3002\n<\/p>\n
\u4e3b\u306a\u64ec\u4f3c\u30af\u30e9\u30b9\u30bb\u30ec\u30af\u30bf<\/p>\n\n\n\n\n\n\n\n\n\n\n
\u64ec\u4f3c\u30af\u30e9\u30b9\u30bb\u30ec\u30af\u30bf<\/th>\n\u30b9\u30bf\u30a4\u30eb\u304c\u9069\u7528\u3055\u308c\u308b\u8981\u7d20<\/th>\n<\/tr>\n
\uff08\u8981\u7d20\u540d\uff09:first-child<\/td>\n\u89aa\u8981\u7d20\u306e\u6700\u521d\u306e\u5b50\u8981\u7d20\u3068\u306a\u308b\u8981\u7d20<\/td>\n<\/tr>\n
\uff08\u8981\u7d20\u540d\uff09:last-child<\/td>\n\u89aa\u8981\u7d20\u306e\u6700\u5f8c\u306e\u5b50\u8981\u7d20\u3068\u306a\u308b\u8981\u7d20<\/td>\n<\/tr>\n
\uff08\u8981\u7d20\u540d\uff09:nth-child(n)<\/td>\n\u89aa\u8981\u7d20\u306en\u756a\u76ee\u306e\u5b50\u8981\u7d20\u3068\u306a\u308b\u8981\u7d20<\/td>\n<\/tr>\n
\uff08\u8981\u7d20\u540d\uff09:nth-child(odd)<\/td>\n\u89aa\u8981\u7d20\u306e\u5947\u6570\u756a\u76ee\u306e\u5b50\u8981\u7d20\u3068\u306a\u308b\u8981\u7d20<\/td>\n<\/tr>\n
\uff08\u8981\u7d20\u540d\uff09:nth-child(even)<\/td>\n\u89aa\u8981\u7d20\u306e\u5076\u6570\u756a\u76ee\u306e\u5b50\u8981\u7d20\u3068\u306a\u308b\u8981\u7d20<\/td>\n<\/tr>\n
\uff08\u8981\u7d20\u540d\uff09:first-of-type<\/td>\n\u89aa\u8981\u7d20\u306e\u5b50\u8981\u7d20\u3068\u3057\u3066\u6700\u521d\u306b\u51fa\u73fe\u3059\u308b\u8981\u7d20<\/td>\n<\/tr>\n
\uff08\u8981\u7d20\u540d\uff09:last-of-type<\/td>\n\u89aa\u8981\u7d20\u306e\u5b50\u8981\u7d20\u3068\u3057\u3066\u6700\u5f8c\u306b\u51fa\u73fe\u3059\u308b\u8981\u7d20<\/td>\n<\/tr>\n
\uff08\u8981\u7d20\u540d\uff09:nth-of-type(n)<\/td>\n\u89aa\u8981\u7d20\u306e\u5b50\u8981\u7d20\u3068\u3057\u3066n\u756a\u76ee\u306b\u51fa\u73fe\u3059\u308b\u8981\u7d20<\/td>\n<\/tr>\n<\/table>\n
\n
\u6700\u5f8c\u306eli\u8981\u7d20\u306emargin-bottom\u30920\u306b\u3057\u305f\u3044\u5834\u5408<\/h3>\n
\u30af\u30e9\u30b9\u30bb\u30ec\u30af\u30bf\u3092\u4f7f\u7528<\/p>\n
CSS<\/p>\n
\n.parent li {\n\tmargin-bottom:15px;\n}\n.parent li.last {\n\tmargin-bottom:0;\n}\n<\/pre>\n
HTML<\/p>\n
\n<ul class="parent">\n\t<li>\u6700\u521d\u306e\u9805\u76ee<\/li>\n\t<li>2\u756a\u76ee\u306e\u9805\u76ee<\/li>\n    <li class="last">\u6700\u5f8c\u306e\u9805\u76ee<\/li>\n<\/ul>\n<\/pre>\n
\n
\u64ec\u4f3c\u30af\u30e9\u30b9\u30bb\u30ec\u30af\u30bf\u3092\u4f7f\u7528<\/p>\n
CSS<\/p>\n
\n.parent li {\n\tmargin-bottom:15px;\n}\n.parent li:-child {\n\tmargin-bottom:0;\n}\n<\/pre>\n
HTML<\/p>\n
\n<ul class="parent">\n\t<li>\u6700\u521d\u306e\u9805\u76ee<\/li>\n\t<li>2\u756a\u76ee\u306e\u9805\u76ee<\/li>\n    <li>\u6700\u5f8c\u306e\u9805\u76ee<\/li>\n<\/ul>\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
\u30bb\u30ec\u30af\u30bf\u3068\u306f\u300cHTML\u306e\u3069\u306e\u8981\u7d20\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528\u3059\u308b\u304b\u300d\u3092\u6307\u5b9a\u3059\u308b\u305f\u3081\u306e\u3082\u306e\u3002 CSS2\u4ee5\u964d\u3067\u5b9a\u7fa9\u3055\u308c\u3001CSS3\u3067\u5f37\u5316\u3055\u308c\u307e\u3057\u305f\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[21,10],"tags":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1ukPC-aA","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/zuvuyalink.net\/nrjlog\/wp-json\/wp\/v2\/posts\/656"}],"collection":[{"href":"https:\/\/zuvuyalink.net\/nrjlog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zuvuyalink.net\/nrjlog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zuvuyalink.net\/nrjlog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zuvuyalink.net\/nrjlog\/wp-json\/wp\/v2\/comments?post=656"}],"version-history":[{"count":0,"href":"https:\/\/zuvuyalink.net\/nrjlog\/wp-json\/wp\/v2\/posts\/656\/revisions"}],"wp:attachment":[{"href":"https:\/\/zuvuyalink.net\/nrjlog\/wp-json\/wp\/v2\/media?parent=656"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zuvuyalink.net\/nrjlog\/wp-json\/wp\/v2\/categories?post=656"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zuvuyalink.net\/nrjlog\/wp-json\/wp\/v2\/tags?post=656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}