伪类问题:before,:after?
为什么这样子不显示伪类设置的样式,我设置了定位才能显示
<!doctype html>优艾设计网_在线设计 <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> h1:before{ width:100px; height:5px; background:red; content:"";} h1:after{ width:100px; height:5px; background:#000; content:"";} </style> </head><body> <h1>和哈哈哈哈哈哈哈哈哈</h1> </body> </html>
durantkl674 10小时前 优艾设计网_PS问答
因为 :before
和 :after
的 display
属性默认为 inline
. 行内非替换元素不适用 width
或 height
属性。改成 display: block
即可。
其其格 优艾设计网_Photoshop交流 10小时前
加个display:block 还有这个叫伪元素,不叫伪类
精彩评论