Html 导航栏中我的下拉按钮的字体是其他字体，然后是其他标题

所以我制作了这个导航栏，有一个标题是下拉菜单。此标题的字体与其他字体不同。如果您将鼠标悬停在此下拉菜单上，则链接的字体确实正确。有人能帮我吗

/*导航栏*/
托普纳夫先生{
列表样式类型：无；
溢出：隐藏；
背景色：#363636；
盒影：0px 6px 13px-7px rgba（0,0,0,0.20）；
过渡：所有。2放松；
字号：700；
文本转换：大写；
}
.topnav a{
浮动：左；
显示：块；
颜色：白色；
文本对齐：居中；
填充：24px 26px；
文字装饰：无；
字号：17px；
}
.topnav a:悬停{
颜色：#bdbd；
}
.topnav.icon{
显示：无；
}
/*下拉式容器*/
.下拉列表{
浮动：左；
溢出：隐藏；
}
/*下拉按钮*/
.下拉菜单{
字体大小：16px；
边界：无；
大纲：无；
颜色：白色；
填充：24px 26px；
背景色：继承；
字体系列：'PT Sans'，Sans serif；
字体风格：继承；
保证金：0；
}
/*下拉内容（默认情况下隐藏）*/
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f9f9f9；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
/*下拉列表中的链接*/
.下拉内容a{
浮动：无；
颜色：黑色；
填充：24px 26px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
/*背景下拉链接*/
.下拉列表内容a：悬停{
背景色：#ddd；
}
/*悬停时显示下拉菜单*/
.下拉：悬停.下拉内容{
显示：块；
}

应用

原因是，您的导航链接的其余部分是

a

元素，但您的恶意导航链接是

按钮

元素

如果下拉按钮不希望看起来有所不同，您可以从中删除字体样式：

      /* Dropdown button */
    .dropdown .dropbtn {
        // font-size:16px;
        border: none;
        outline: none;
        // color: white;
        padding: 24px 26px;
        background-color: inherit;
        // font-family:'PT Sans', sans-serif; 
        font-style: inherit;
        margin: 0; 
      }

并在rogue nav链接周围缠绕一个

a

元素