{"id":25898,"date":"2023-02-19T10:40:38","date_gmt":"2023-02-19T01:40:38","guid":{"rendered":"https:\/\/gri.jp\/media\/?p=25898"},"modified":"2023-03-01T15:34:33","modified_gmt":"2023-03-01T06:34:33","slug":"%e3%80%90css%e3%80%91dialog%e8%a6%81%e7%b4%a0%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e7%b0%a1%e5%8d%98%e3%81%ab%e3%83%a2%e3%83%bc%e3%83%80%e3%83%ab%e3%82%92%e4%bd%9c%e6%88%90","status":"publish","type":"post","link":"https:\/\/gri.jp\/media\/entry\/25898","title":{"rendered":"\u3010CSS\u3011\u64ec\u4f3c\u8981\u7d20\u300c:empty\u300d\u3092\u8a66\u3057\u3066\u307f\u305f"},"content":{"rendered":"

CSS\u306e\u5c0f\u30cd\u30bf\u306e\u8a18\u4e8b\u3067:empty<\/span>\u306e\u5b58\u5728\u3092\u521d\u3081\u3066\u77e5\u3063\u305f\u306e\u3067\u3001\u4f7f\u3044\u65b9\u3092\u8a66\u3057\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n

\u64ec\u4f3c\u30af\u30e9\u30b9\u300c:empty\u300d\u3068\u306f<\/h2>\n

\u5b50\u3092\u6301\u305f\u306a\u3044\u8981\u7d20\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u5b9a\u7fa9\u3067\u304d\u308b\u64ec\u4f3c\u8981\u7d20\u3067\u3059\u3002<\/p>\n

\u4f7f\u3044\u65b9<\/h2>\n

HTML<\/strong><\/p>\n

<ul>\r\n\t<li>\u30c6\u30ad\u30b9\u30c8\u5165\u308a\u307e\u3059\u3002<\/li>\r\n\t<li><\/li><!--\u7a7a\u3067\u3059-->\r\n\t<li><!--\u7a7a\u3067\u3059--><\/li>\r\n\t<li>\r\n\t\t<!--\u7a7a\u3067\u3059-->\r\n\t<\/li>\r\n\t<li>\u3000<\/li>\r\n<\/ul><\/code><\/pre>\n
CSS<\/strong><\/p>\n
ul li {\r\n  margin-bottom: 2em;\r\n  padding: 0.5em 1em;\r\n  background-color: #f4908a;\r\n  color: #fff;\r\n}<\/code><\/pre>\n
 <\/p>\n
li<\/span>\u306e\u80cc\u666f\u8272\u3092\u6307\u5b9a\u3059\u308b\u3068\u3001li<\/span>\u306e\u5b50\u8981\u7d20\u306e\u6709\u7121\u306b\u95a2\u308f\u3089\u305a\u3001\u80cc\u666f\u8272\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\"\"<\/p>\n
:empty\u3092\u4f7f\u7528\u3057\u3001\u7a7a\u306e\u8981\u7d20\u306b\u80cc\u666f\u8272\u30b0\u30ec\u30fc\u3092\u6307\u5b9a\u3057\u3066\u307f\u307e\u3059\u3002<\/p>\n
li:empty {\r\n  background-color: #d3d3d3;\r\n}<\/code><\/pre>\n\"\"\n
\t<li>\r\n\t\t<!--\u7a7a\u3067\u3059-->\r\n\t<\/li>\r\n\t<li> <\/li><\/code><\/pre>\n
\u6539\u884c\u3084\u7a7a\u767d\u306f\u7a7a\u3068\u307f\u306a\u3055\u308c\u306a\u3044\u306e\u3067\u6ce8\u610f\u304c\u5fc5\u8981\u3067\u3059\u3002<\/p>\n
\u3069\u3046\u3044\u3046\u3068\u304d\u306b\u4f7f\u3048\u308b\uff1f<\/h2>\n
\u30fbtable\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u8868\u7d44\u3067\u30bb\u30eb\u304c\u7a7a\u306e\u6642\u3001\u30b0\u30ec\u30fc\u30a2\u30a6\u30c8\u3059\u308b<\/h3>\n\"\"\n
CSS<\/strong><\/p>\n
table {\r\n  width: 800px;\r\n  margin: 60px auto;\r\n  border: 2px solid #545454;\r\n  border-collapse: collapse;\r\n  border-spacing: 0;\r\n}\r\ntable th,\r\ntable td {\r\n  padding: 12px;\r\n  border: 1px solid #545454;\r\n}\r\ntable thead th {\r\n  background-color: #f4908a;\r\n  color: #fff;\r\n}\r\ntable td:empty {\r\n  background-color: #d3d3d3;\r\n}<\/code><\/pre>\n
 <\/p>\n
\u30fbWordpress\u306e\u30ab\u30b9\u30bf\u30e0\u30d5\u30a3\u30fc\u30eb\u30c9\u3067\u30c6\u30ad\u30b9\u30c8\u306e\u5165\u529b\u304c\u7121\u3044\u3068\u304d<\/h3>\n
\"\"
\n\u3053\u306e\u3088\u3046\u306a\u30c7\u30b6\u30a4\u30f3\u3067\u3001\u30b5\u30d6\u30bf\u30a4\u30c8\u30eb\u304c\u7121\u304f\u7a7a\u306e\u5834\u5408\u3001\u30b9\u30bf\u30a4\u30eb\u306f\u53cd\u6620\u3055\u308c\u3066\u3057\u307e\u3046\u306e\u3067\u3001:empty<\/span>\u3067\u3001\u6253\u3061\u6d88\u3059\u30b9\u30bf\u30a4\u30eb\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\"\"\n
HTML<\/strong><\/p>\n
<ul>\r\n\t<li>\r\n\t\t<h2>\u30bf\u30a4\u30c8\u30eb<\/h2>\r\n\t\t<h3>\u30b5\u30d6\u30bf\u30a4\u30c8\u30eb<\/h3>\r\n\t\t<p>\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8<\/p>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<h2>\u30bf\u30a4\u30c8\u30eb<\/h2>\r\n\t\t<h3><\/h3>\r\n\t\t<p>\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8\u30c6\u30ad\u30b9\u30c8<\/p>\r\n\t<\/li>\r\n<\/ul><\/code><\/pre>\n
 <\/p>\n
CSS<\/strong><\/p>\n
ul {\r\n  display: flex;\r\n  gap: 30px;\r\n}\r\n\r\nul li {\r\n  width: 350px;\r\n}\r\n\r\nh2 {\r\n  margin-bottom: 0.5em;\r\n  padding-bottom: 0.5em;\r\n  border-bottom: 1px solid #eee;\r\n}\r\n\r\nh3 {\r\n  margin-bottom: 1em;\r\n  padding: 5px;\r\n  background-color: #f4908a;\r\n  color: #fff;\r\n  line-height: 1;\r\n}\r\n\r\nh3:empty {\r\n  margin-bottom: 0;\r\n  padding: 0;\r\n  background-color: #fff;\r\n}\r\n\r\np {\r\n  margin: 0;\r\n  padding: 0;\r\n}<\/code><\/pre>\n
\u307e\u3068\u3081<\/h2>\n
PHP\u3084JavaScript\u306e\u6761\u4ef6\u5206\u5c90\u3067\u3084\u3063\u3066\u3044\u305f\u3053\u3068\u3092\u3001\u4e0a\u8a18\u306e\u3088\u3046\u306a\u30ec\u30d9\u30eb\u306e\u3082\u306e\u3067\u3042\u308c\u3070:empty<\/span>\u3067\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002\u4ed6\u306b\u3044\u3044\u4f7f\u3044\u65b9\u304c\u3042\u3063\u305f\u3089\u6559\u3048\u3066\u304f\u3060\u3055\u3044\uff01<\/p>\n
\u53c2\u8003\u30b5\u30a4\u30c8<\/h2>\n
\u3053\u3061\u3089\u306e\u8a18\u4e8b\u3092\u53c2\u8003\u306b\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002<\/p>\n
<\/tr>
:empty \u306f CSS \u306e\u64ec\u4f3c\u30af\u30e9\u30b9\u3067\u3001\u5b50\u3092\u6301\u305f\u306a\u3044\u8981\u7d20\u3092\u8868\u3057\u307e\u3059\u3002\u5b50\u3068\u306f\u8981\u7d20\u306e\u30ce\u30fc\u30c9\u307e\u305f\u306f\u6587\u5b57\u5217 (\u30db\u30ef\u30a4\u30c8\u30b9\u30da\u30fc\u30b9\u3092\u542b\u3080) \u3067\u3059\u3002\u30b3\u30e1\u30f3\u30c8\u3001\u51e6\u7406\u6307\u793a\u3001 CSS \u306e content \u306f\u8981\u7d20\u304c\u7a7a\u3067\u3042\u308b\u304b\u3069\u3046\u304b\u306e\u5224\u65ad\u306b\u306f\u5f71\u97ff\u3057\u307e\u305b\u3093\u3002
:empty - CSS: \u30ab\u30b9\u30b1\u30fc\u30c7\u30a3\u30f3\u30b0\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8 | MDN<\/a> - developer.mozilla.org<\/td><\/tr><\/tbody><\/table><\/div>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
CSS\u306e\u5c0f\u30cd\u30bf\u306e\u8a18\u4e8b\u3067:empty\u306e\u5b58\u5728\u3092\u521d\u3081\u3066\u77e5\u3063\u305f\u306e\u3067\u3001\u4f7f\u3044\u65b9\u3092\u8a66\u3057\u3066\u307f\u307e\u3057\u305f\u3002 \u64ec\u4f3c\u30af\u30e9\u30b9\u300c:empty\u300d\u3068\u306f \u5b50\u3092\u6301\u305f\u306a\u3044\u8981\u7d20\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u5b9a\u7fa9\u3067\u304d\u308b\u64ec\u4f3c\u8981\u7d20\u3067\u3059\u3002 \u4f7f\u3044\u65b9 HTML lt;ulgt; lt;<\/p>\n","protected":false},"author":5,"featured_media":25555,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[123,138,100],"tags":[],"class_list":["post-25898","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web","category-tips","category-technical"],"acf":[],"meta_field":{"_edit_lock":["1687786540:5"],"_edit_last":["1"],"_thumbnail_id":["25555"],"hidden_toppage":["0"],"_hidden_toppage":["field_61933136630d2"],"note_url":[""],"_note_url":["field_61243c8278b90"],"_oembed_d6db4f44034f5d060bfc14152fa36aa0":["{{unknown}}"],"_oembed_faada958975c6ca45dd86ea2374cf9c4":["{{unknown}}"],"_oembed_d4cb747bed11018c9aa5aa066c969978":["{{unknown}}"],"_oembed_5d47eb1969a9aabc57981ca417696dca":["{{unknown}}"],"_oembed_ffc2ea68bf1f2f9b230e71e5a962bac2":["{{unknown}}"],"_pv_count":["a:24:{i:20;i:102;i:1;i:93;i:19;i:142;i:2;i:172;i:17;i:333;i:11;i:279;i:14;i:310;i:13;i:229;i:16;i:303;i:8;i:74;i:7;i:41;i:21;i:78;i:3;i:44;i:12;i:179;i:4;i:28;i:18;i:224;i:9;i:158;i:15;i:322;i:22;i:101;i:23;i:78;i:10;i:260;i:6;i:38;i:0;i:77;i:5;i:46;}"],"pv_count":["3711"],"_oembed_6bc9b9077fdb50902969f0fe0cdbc83d":["{{unknown}}"]},"_links":{"self":[{"href":"https:\/\/gri.jp\/media\/wp-json\/wp\/v2\/posts\/25898","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gri.jp\/media\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gri.jp\/media\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gri.jp\/media\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/gri.jp\/media\/wp-json\/wp\/v2\/comments?post=25898"}],"version-history":[{"count":86,"href":"https:\/\/gri.jp\/media\/wp-json\/wp\/v2\/posts\/25898\/revisions"}],"predecessor-version":[{"id":26587,"href":"https:\/\/gri.jp\/media\/wp-json\/wp\/v2\/posts\/25898\/revisions\/26587"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gri.jp\/media\/wp-json\/wp\/v2\/media\/25555"}],"wp:attachment":[{"href":"https:\/\/gri.jp\/media\/wp-json\/wp\/v2\/media?parent=25898"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gri.jp\/media\/wp-json\/wp\/v2\/categories?post=25898"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gri.jp\/media\/wp-json\/wp\/v2\/tags?post=25898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}