html有4个li怎么选择第二个,如何在html中使用两个具有不同属性的Li？

背景

我在同一页面使用li多种用途的元素。在一个地方，我使用它们作为导航栏，然后在页面中使用它们作为图像网格。如何在html中使用两个具有不同属性的Li？

问题

的问题是，在导航栏我有一个下拉，所以当我将鼠标悬停在下拉半下拉图像下皮的部分的。

代码

Babies And Bridal

.images{

margin-left: 55px;

}

.menuu {

list-style-type: none;

margin: 0;

padding: 0;

overflow: hidden;

background-color: #FDF4F9;

display: inline-block;

}

.menuu a{

text-align: center;

font-size: 25px;

font-family: Hoefler Text;

font-style: italic !important;

color: #984807 !important;

}

li {

float: left;

}

li a, .dropbtn {

display: inline-block;

color: white;

text-align: center;

padd