伪元素:after和 :before 存在的意义？
What is the meaning of pseudo-elements: after and :before? -PHP Chinese website Q&A-What is the meaning of pseudo-elements: after and :before? -PHP Chinese website Q&A
Please watch and learn.
最近学到的是利用before和after制作翘边阴影和曲边阴影，效果惊艳。此外我个人觉得before和after可以在特殊情况下添加一些特殊的效果而不破坏原网页的整体结构，比如阶段推广在某图片上加一些特殊的字或内容....新手，大神勿喷。
使得html更加语义化。有些时候，为了某些特定的展现，不得不添加用于辅助布局的无意义html元素，这两个伪元素能实际起到这种辅助布局的作用，而又不增加无意义纯布局html元素，所以html就更简洁更纯粹了。从这个角度看，css的纯粹语义化确实是没有意义的，纯粹语义的只会有html。此外，仅仅这两个伪元素是一定不能解决问题的，所以还有first-child跟last-child这种，当然还有人搞笑写second-child的，不过你怎么知道将来就不会有。。。也许还有father和grandpa呢
:after和 :before 的存在是很有意义了，我都有种相见恨晚的感觉，它可以在标签前后添加自定义的内容，比如icon啊，小图标啊，小文字什么的，实在是很有用！！！真心是好东西，想到了一个成语：暴殄天物！！！
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
What is the meaning of pseudo-elements: after and :before? -PHP Chinese website Q&A-What is the meaning of pseudo-elements: after and :before? -PHP Chinese website Q&A
Please watch and learn.
最近学到的是利用before和after制作翘边阴影和曲边阴影，效果惊艳。此外我个人觉得before和after可以在特殊情况下添加一些特殊的效果而不破坏原网页的整体结构，比如阶段推广在某图片上加一些特殊的字或内容....新手，大神勿喷。
使得html更加语义化。有些时候，为了某些特定的展现，不得不添加用于辅助布局的无意义html元素，这两个伪元素能实际起到这种辅助布局的作用，而又不增加无意义纯布局html元素，所以html就更简洁更纯粹了。
从这个角度看，css的纯粹语义化确实是没有意义的，纯粹语义的只会有html。
此外，仅仅这两个伪元素是一定不能解决问题的，所以还有first-child跟last-child这种，当然还有人搞笑写second-child的，不过你怎么知道将来就不会有。。。也许还有father和grandpa呢
:after和 :before 的存在是很有意义了，我都有种相见恨晚的感觉，它可以在标签前后添加自定义的内容，比如icon啊，小图标啊，小文字什么的，实在是很有用！！！真心是好东西，想到了一个成语：暴殄天物！！！