开发时遇到一个问题,我需要给最外层元素加一个伪元素,用于创建一个倒三角,代码如下:
::after { content: ' '; position: absolute; bottom: -8px; right: -4px; width: 0; height: 0; border: 4px solid transparent; border-top: 10px solid red; }写完后发现,重复生成了多个,如下图:
![0](/i/l/?n=22&i=blog/1035157/202208/1035157-20220822164648924-1529626738.png)
![0](/i/l/?n=22&i=blog/1035157/202208/1035157-20220822164648882-524487006.png)
![0](/i/l/?n=22&i=blog/1035157/202208/1035157-20220822164648879-2121825084.png)
开发时遇到一个问题,我需要给最外层元素加一个伪元素,用于创建一个倒三角,代码如下:
::after { content: ' '; position: absolute; bottom: -8px; right: -4px; width: 0; height: 0; border: 4px solid transparent; border-top: 10px solid red; }写完后发现,重复生成了多个,如下图: