伪类问题:before,:after 财富值73

2016-10-29 10:53发布

站内问答 /
1055 2 4

为什么这样子不显示伪类设置的样式，我设置了定位才能显示

<!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>
友情提示: 此问题已得到解决，问题已经关闭,关闭后问题禁止继续编辑，回答。
该问题目前已经被作者或者管理员关闭, 无法添加新回复
2条回答
问尽天下车 - 这个人很懒，什么都没留下
1楼-- · 2016-10-29 11:38

因为 :before 和 :after 的 display 属性默认为 inline. 行内非替换元素不适用 width 或 height 属性。改成 display: block 即可。

那么火 - 这个人很懒，什么都没留下
2楼-- · 2016-10-29 11:36

加个display:block
还有这个叫伪元素，不叫伪类

一周热门 更多>