css li只显示一个

CSS中的li标签在实际开发中经常被用来进行列表显示，往往我们只想显示其中的一个li，其他的li则需要隐藏。这时候我们可以使用CSS来实现。

li {
  display: none;
}

li:first-child {
  display: block;
}

以上的代码实现了只显示第一个li的效果，其原理是将所有的li元素都设为不显示（none），然后利用:first-child伪类选择器来选择第一个li元素，将其设为显示（block），从而达到只显示一个li的效果。

如果需要显示其他的li元素，只需改变伪类选择器的参数即可，比如要显示第二个li，可以使用:nth-child(2)选择器，代码如下：

li {
  display: none;
}

li:nth-child(2) {
  display: block;
}

以上代码将第二个li设为显示，其他的li仍然被设为不显示。

需要注意的是，如果li元素本身的display属性为inline，则需要将它设为block才能起到隐藏的效果。同时，如果li元素中有图片或者其他元素，需要将这些元素也设为不显示。