{"type":"rich","url":"https://web-css-design.hatenadiary.jp/entry/2026/02/25/%3A%3Abefore_%E3%81%A8_%3A%3Aafter","title":"::before \u3068 ::after\uff08\u64ec\u4f3c\u8981\u7d20\uff09","author_name":"web-css-design","author_url":"https://blog.hatena.ne.jp/web-css-design/","height":"190","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/w/web-css-design/20260319/20260319012742.jpg","blog_url":"https://web-css-design.hatenadiary.jp/","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fweb-css-design.hatenadiary.jp%2Fentry%2F2026%2F02%2F25%2F%253A%253Abefore_%25E3%2581%25A8_%253A%253Aafter\" title=\"::before \u3068 ::after\uff08\u64ec\u4f3c\u8981\u7d20\uff09 - Web\u767d\u63cf - \u81ea\u5b85\u5b66\u7fd2\u7528\u30d6\u30ed\u30b0\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","provider_name":"Hatena Blog","published":"2026-02-23 00:00:00","provider_url":"https://hatena.blog","blog_title":"Web\u767d\u63cf - \u81ea\u5b85\u5b66\u7fd2\u7528\u30d6\u30ed\u30b0","description":"::before \u3068 ::after\uff08\u64ec\u4f3c\u8981\u7d20\uff09 \u30d7\u30ed\u30f3\u30d7\u30c8\u4f8b CSS\u306e::before\u3068::after\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u89e3\u8aac\u3057\u3066 CSS\u306e::before\u3068::after\u306f\u3001\u8981\u7d20\u306e\u4e2d\u306b\u201c\u4eee\u60f3\u7684\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u201d\u3092\u8ffd\u52a0\u3067\u304d\u308b\u7591\u4f3c\u8981\u7d20\u3067\u3059\u3002 \u57fa\u672c\u306e\u8003\u3048\u65b9 ::before \u2192 \u8981\u7d20\u306e\u6700\u521d\u306b\u8ffd\u52a0 ::after \u2192 \u8981\u7d20\u306e\u6700\u5f8c\u306b\u8ffd\u52a0 .selector::before { } .selector::after { } \u6700\u91cd\u8981\u30dd\u30a4\u30f3\u30c8\uff08\u3053\u308c\u77e5\u3089\u306a\u3044\u3068\u52d5\u304b\u306a\u3044\uff09 \ud83d\udc49 \u5fc5\u305a content \u304c\u5fc5\u8981 .box::before { content: \"\"; } \u203b\u3053\u308c\u304c\u306a\u3044\u3068\u8868\u793a\u3055\u308c\u307e\u305b\u3093 \u57fa\u672c\u4f8b\uff08\u307e\u305a\u306f\u3053\u308c\uff09 \u3010\u2026","version":"1.0","width":"100%","categories":["\u2605\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u57fa\u790e","\u2605AI"]}