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;

padding: 14px 16px;

text-decoration: none !important;

}

li a:hover, .dropdown:hover .dropbtn {

background-color: #ECC6C4;

}

li.dropdown {

display: inline-block;

}

.dropdown-content {

display: none;

position: absolute;

background-color: #f9f9f9;

min-width: 160px;

box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

}

.dropdown-content a {

color: black;

padding: 12px 16px;

text-decoration: none;

display: block;

text-align: left;

background-color: #FDF4F9;

}

.dropdown-content a:hover {

background-color: #ECC6C4;

}

.dropdown:hover .dropdown-content {

display: block;

}

Sweet Brown Suga

Brown Suga On Social

• Home
• About Us

• Gallery

  Celebration

  Wedding

  Babies and Bridal

  Sculpted_3D

  Dessert Table

• 
• 
• 
• 
• 

Copy © 2016 Sweet Brown Suga. All Rights Reserved. Designed by ShawBK.

$(document).ready(function() {

$(document).foundation();

})

+2

https://developer.mozilla.org/zh/docs/Web/CSS/z-index –

+0

@AndyM这是主要问题，请将您的评论作为答案。 –