题解 | #CSS选择器——伪元素#

CSS选择器——伪元素

https://www.nowcoder.com/practice/b647425a1b464aff825a45d2b1825638

{"html":"<!DOCTYPE html>\n<html>\n\n<head>\n    <meta charset=\"UTF-8\">\n    <style>\n       /* 填写样式 */\n       div::after{\n        content:'';\n        display:block;\n\n        width:20px;\n        height:20px;\n        background-color:rgb(255,0,0);\n       }\n    </style>\n</head>\n\n<body>\n  <div></div> \n    <script type=\"text/javascript\">\n        /* 填写JavaScript */\n        \n    </script>\n</body>\n\n</html>","css":"","js":""}

伪元素默认是行内元素,设置宽高无效,所以要用display:block;

前伪元素和后伪元素都必须要加content:“”;如果要写文本的话就是吧文本写在引号内

全部评论

相关推荐

10-14 23:01
已编辑
中国地质大学(武汉) Java
CUG芝士圈:虽然是网上的项目,但最好还是包装一下,然后现在大部分公司都在忙校招,十月底、十一月初会好找一些。最后,boss才沟通100家,别焦虑,我去年暑假找第一段实习的时候沟通了500➕才有面试,校友加油
点赞 评论 收藏
分享
10-09 09:39
门头沟学院 C++
HHHHaos:这也太虚了,工资就一半是真的
点赞 评论 收藏
分享
点赞 收藏 评论
分享
牛客网
牛客企业服务