用户投稿什么是伪元素？
它不是网页元素，但行为、表现又像元素一样，可以用CSS操控。
简易来说它就是个分身术，常用的伪元素有::before、::after两种。
::before是插在元素前方，::after则是后方。content不管有无内容一定要加喔！就算没有内容也要写content: ""。
在检视网页原始档，我们会发现::before、::after并不会显示在上面喔！
<body> <style> div::before { content: url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQOh7Cl9uBblrlSPj2WtjByOav55dsJfjhAq0wdhZKAnTzeFq_N&usqp=CAU); } div::after { content: url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQOh7Cl9uBblrlSPj2WtjByOav55dsJfjhAq0wdhZKAnTzeFq_N&usqp=CAU); } </style> <div><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQOh7Cl9uBblrlSPj2WtjByOav55dsJfjhAq0wdhZKAnTzeFq_N&usqp=CAU" alt=""></div></body>
content里面也可以插入图片
伪元素应用
Hello hover 应用
微信扫一扫打赏
支付宝扫一扫打赏
