html使用弹性布局水平排列多个超链接后只有第一个超链接生效，怎么解决？

.menulist{
        display: flex;        
        flex-direction: row;
        justify-content: space-evenly;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        height: 40px;
        margin: 0;
        padding: 0;
        background-color: #f1eee9;
        min-width: 1000px;
        width: 100%;
        }
<!-- 菜单栏底图 -->
    <div class="menulist">
        <a class="single text-ellipsis" href="https://www.xuexi.cn/cc72a0454287bdedb7e2c156db55e818/71eb7214c6c0c1f5e6ec6e29564decb4.html" data-locations="0" style="color: rgb(15, 14, 14);">学习强国</a>   
        <a class="single text-ellipsis" href="http://www.81.cn/xxqj_207719/index.html" data-locations="1" style="color: rgb(15, 14, 14);">学习强军</a>
        <a class="single text-ellipsis" href="http://dangshi.people.com.cn/" data-locations="2" style="color: rgb(15, 14, 14);">党史学习</a>
    </div>

你给 menulist 加个zindex 试试