伪元素:after和 :before 存在的意义？

Question

伪元素:after和 :before 存在的意义？

Answer 1

Quelle est la signification des pseudo-éléments : après et :avant ? -Site Web PHP chinois Q&A-Quelle est la signification des pseudo-éléments : après et :avant ? - Questions et réponses sur le site Web chinois PHP

Veuillez regarder et apprendre.

Answer 2

最近学到的是利用before和after制作翘边阴影和曲边阴影，效果惊艳。此外我个人觉得before和after可以在特殊情况下添加一些特殊的效果而不破坏原网页的整体结构，比如阶段推广在某图片上加一些特殊的字或内容....新手，大神勿喷。

Answer 3

 使得html更加语义化。有些时候，为了某些特定的展现，不得不添加用于辅助布局的无意义html元素，这两个伪元素能实际起到这种辅助布局的作用，而又不增加无意义纯布局html元素，所以html就更简洁更纯粹了。

从这个角度看，css的纯粹语义化确实是没有意义的，纯粹语义的只会有html。

此外，仅仅这两个伪元素是一定不能解决问题的，所以还有first-child跟last-child这种，当然还有人搞笑写second-child的，不过你怎么知道将来就不会有。。。也许还有father和grandpa呢 

Answer 4

:after和 :before 的存在是很有意义了，我都有种相见恨晚的感觉，它可以在标签前后添加自定义的内容，比如icon啊，小图标啊，小文字什么的，实在是很有用！！！真心是好东西，想到了一个成语：暴殄天物！！！