css li 点击背景色改变

要实现当用户点击列表项时，该列表项的背景色改变并保持不变的效果，可以使用CSS中的`:focus`伪类选择器。该选择器用于选中当前获得了焦点的元素，例如被点击的输入框或按钮。

以下是一个示例CSS代码，当用户点击一个li元素时，该元素的背景色会变成灰色，并保持该颜色直到另一个li元素被点击：

li:focus {
  background-color: gray;
}

需要注意的是，该效果在不同浏览器中可能会有所不同，因为用户点击列表项后可能会导致列表项失去焦点，从而导致背景色恢复为原来的颜色。如果需要在用户点击列表项后一直保持背景色不变，可以使用JavaScript代码实现。