Css 自定义单个列表项

我有一张单子

<ul>
   <li>Coffee</li>
   <li>Tea</li>
   <li>Milk</li>
</ul>

我的问题是如何只定制

茶

编辑：
我正在寻找一种方法，将
茶作为
背景色：#999；高度：25px和所有其他的背景颜色为#555；高度：15px
使用
：第n个子项
选择器

例如，如果要选择第二个
li

nav li:nth-child(2) {
    background-colour:#555;
    height:15px;
}

有关详细信息，请参阅和

更新

正如OP所评论的，除了一个以外，所有的
li
都应该是相同的。在这种情况下，使用选择器选择所有
li
apply some属性，然后选择希望不同的单个属性。见下文

nav li {
    background-colour:#555;
    height:15px;
}

nav li:nth-child(2) {
    background-color:#999; 
    height:25px;
}

或者您可以为它指定一些类，然后设置样式。
您可以使用
nth-child（）
选择器，还可以更改
背景颜色：#555至<代码>背景色：#555


第n个孩子（2）{
背景色：#555；
高度：15px；
}

咖啡
茶
牛奶
您还可以使用项目列表的
id


#foo{
背景：黑色；
高度：15px；
}

咖啡
茶
牛奶
导航李：第一个孩子{
背景颜色：#555；
高度：15px；
}

或向每个li添加一个类

<ul>
   <li class="1">Coffee</li>
   <li class="2">Tea</li>
   <li class="3">Milk</li>
</ul>


咖啡
茶
牛奶

您可以使用
nth-child（）
或
nth-of-type（）
选择器来选择第二个
li
，但是您有特定的模式吗？使用css类来针对您的元素。这是“标准”的做法things@Harry谢谢如果我为我需要的
li
指定一个类怎么办？@Becky当然可以，这是另一种更简单的方法。@Becky:可以。只需使选择器更具体。你可以阅读更多关于专一性的内容。
<ul>
   <li class="1">Coffee</li>
   <li class="2">Tea</li>
   <li class="3">Milk</li>
</ul>