flex布局不作用与after和before生成的元素

Question

直接上代码

源代码里是用div写的小圆点，这样写没问题。当我用before替换div的时候问题就出现了。

.flex是父元素

不知道为什么没有作用到before的元素上，求解~

Answer 1

:before伪类是插入到标签元素内容之前, 改成 .flex::before

Answer 2

这样试试

Answer 3

圆点还用css， 直接●不就好了。