overflow:hidden；属性在ul-＞li设置悬浮样式时前方小圆点不显示

在写 “li”的悬浮样式时候发现鼠标悬停“li”前小圆点对应样式并不显示，代码如下:

        ul{
            width: 108px;
            height: 345px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            background-color: #434343;
            padding-left:52px;
            li{
                width: 64px;
                a{
                    font-size: 14px;
                    color: #666666;
                }
            }
            & li:hover{
                list-style:disc;
                color: #5cb99e;
            }
            & li:hover a{
                color: #5cb99e;
            }
        }

显示效果如下：

解决办法，在li标签里写如下属性：overflow: visible;，因为在文件一开始设置了默认overflow为hidden属性，而li前面小圆点不在li的宽度之内，所以会导致在li之外的属性显示不出，改进效果如下：