题解 | #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:“”;如果要写文本的话就是吧文本写在引号内

全部评论

相关推荐

点赞 评论 收藏
分享
05-27 14:57
西北大学 golang
强大的社畜在走神:27届真不用急,可以搞点项目、竞赛再沉淀沉淀,我大二的时候还在天天打游戏呢
投递华为等公司10个岗位
点赞 评论 收藏
分享
不愿透露姓名的神秘牛友
07-10 11:27
明天又是董事长面,啥时候是个头啊
在太阳里长大的人:公司就仨人吧😂
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务