Html 列表样式类型：在删除与导航栏中的项目关联的项目符号（点）时，“无”不起作用

输出：

我是一个绝对的初学者，在创建我的基本导航栏时，我 我面临着这个问题。我想消除红色圆点 与我的列表项关联。请告诉我哪里做错了。 我的上一个问题被标记为重复，并且此引用被删除 提供： 这是我的老问题：

解决方案声明

列表样式类型：无将解决此问题
我也将此解决方案应用到我的代码中，但没有任何更改

CSS代码：

   *{padding: 0; margin: 0; box-sizing: border-box;}

    #Header
    {
        background-color: #ffad66;
        font-family: 'Reem Kufi', sans-serif;
        font-weight: 900;
        font-size: 50px;
        color: #800000;
        text-align: center;
        height: 120px;
        box-sizing: border-box;
        padding: 22px;

        /* this line was not in my code from the previous question which was marked duplicated and*/
        list-style-type: none;

   }

    .NavItems a 
    {
        text-decoration: none;
        list-style: none;
        font-size: 14px;
        font-weight: bold;
        font-family: 'Times New Roman', Times, serif;
        color:green;
        margin: 10px; 
        padding: 10px;
    }
    .NavItems a:hover
    {
        background-color: #33E3FF;
        color: black;
    }

    .NavBarItem
    {

     display: flex;
     justify-content: center;

    }
    .MyNavBar
    {
        width: 100%;
        background-color: lightblue;
        height: 35px;
        box-sizing: border-box;
        padding: 8px;      
    }

HTML代码：
这是body标签下唯一的一段代码

<header id="Header">
    پوشاک
</header>
<nav class="MyNavBar">
    <ul class="NavBarItem">
        <li class="NavItems"><a href="#Men">Men</a></li>
        <li class="NavItems"><a href="#Women">Women</a></li>
        <li class="NavItems"><a href="#Kids">Kids</a></li>

    </ul>
</nav>


پوشاک





列表样式：无必须在
ul
上，而不是
a
标签上
列表样式：无
必须在
ul
上，而不是
a
标签上
这是否回答了您的问题？这回答了你的问题吗？谢谢你帮助一个初学者。谢谢你帮助一个初学者。