{"css":"div::after{\n                content: \"\";\n                width:20px;\n                height:20px;\n               display:block;\n                background-color:rgb(255, 0, 0);\n            }","js":"","html":"<head>\n  <meta charset=utf-8>\n  <style type=\"text/css\">\n    /*补全代码*/\n    div::after{\n      content:\"\";\n      width: 20px;\n      height: 20px;\n      background-color: rgb(255,0,0);\n      display: block;\n    }\n  </style>\n</head>\n<body>\n<div></div>\n</body>\n\n","libs":[]}

1:div::after表示在div元素后插入内容。

2:content: ""; 来初始化content的值。

3:display:block用来宽高设置有效和定义该伪元素为块级元素