Html 如何将css id保留为'；李'；在css中

下面的垂直导航工作完美，但。我想将html代码从

<ul id="menu">
<li ><a href=""><span>Hello</span></a></li>
<li ><a href=""><span>Hello</span></a></li>
<li ><a href=""><span>Hello</span></a></li>
<li ><a href=""><span>Hello</span></a></li>
</ul>

---

开始时，

id

应该是唯一的

---

你要找的是

类

你不能有超过一个相同id的项目，你需要给li一个“菜单”类。。。然后在css中将“菜单a”更改为“菜单a”

这是错误的，

ID

必须使用一次

但请看这个：

---

您能告诉我们为什么要更改html代码吗？具体的问题是什么？我有另一个id

，因此通过使用php，我想为一些列表保留menu2 id。正如人们所指出的，两个元素不能共享相同的

id

，但它们可以共享相同的

类。因此，您发布的第二段代码是无效的HTML。
<ul>
<li id="menu" ><a href=""><span>Hello</span></a></li>
<li id="menu"><a href=""><span>Hello</span></a></li>
<li id="menu"><a href=""><span>Hello</span></a></li>
<li id="menu"><a href=""><span>Hello</span></a></li>
</ul>

#menu ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

#menu a
{
display: block;
color: #333;
height:30px;
font-size:12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #ffffff;

border-bottom: 1px solid #ccc;
overflow:hidden;
width: 100%;
height: 2.72em;
line-height: 2.75em;
text-indent: 2em;
text-decoration: none;
}

#menu a:hover
{

background:#ffffff;
background:-moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); 
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff),  color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); 
background:-webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); 
background:-o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); 
background:-ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background:linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); 
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',  endColorstr='#ededed',GradientType=0 ); 
 color:#266CAE
}
#menu li a{ background:url('http://s11.postimg.org/dmj1ubnrz/button22.png') no-repeat ;
 background-position:0% 50%;
}

#menu li a:hover{ background:url('http://s7.postimg.org/ajm07zk2v/button33.png') no-repeat   ;
background-position:0% 50%;
}