Html 在具有类的列表中设置列表的样式

我正在使用一个可访问的下拉菜单，并有一个示例，但是，我不能将CSS应用于我网站上的所有列表元素。我成功地向许多元素添加了一个类，但在最后三个元素中我遇到了问题

这是我的密码：

.nav登录{
背景色：#000；
}
.nav登录a{
文字装饰：无；
左边距：1米；
右边距：1米；
}
.nav登录ul{
列表样式：无；
左侧填充：0；
宽度：100%；
}
.nav登录李{
颜色：#fff；
文字装饰：无；
过渡时间：0.5s；
}
.导航登录李：悬停，
.nav登录li：关注内部{
背景：99万；
光标：指针；
}
.nav登录li：集中在{
大纲：无；
}
/*下面的帮助*/
ul li ul{
可见性：隐藏；
不透明度：0；
位置：绝对位置；
过渡：所有0.25秒缓解；
显示：无；
}
ul li：悬停>ul，
ul li：专注于>ul，
悬停，
聚焦{
能见度：可见；
不透明度：1；
显示：块
}
ulli ulli{
明确：两者皆有；
宽度：100%；
}

我想你需要的是把它改成这个

.nav-login li ul li {
  clear: both;
  width: 100%;
}

乔恩S

据我所知，您希望将您在第一个“ul”标记中使用的“.nav login”类应用于内部“ul”标记，正如我所看到的，还有另一个类覆盖此内部部分的“nav login”类，即“.nav login ul”。您可以在devtool中看到它们。让我知道这是否有帮助，或者提供一些你正在努力实现的例子

祝你好运。 请参见屏幕截图