在css中ul的li，当点击它的时候，颜色改变，当离开的时候，颜色恢复

可以使用CSS中的:hover伪类和:focus伪类来实现这个效果。当鼠标悬停在li元素上时，应用:hover伪类的样式；当li元素获得焦点时，应用:focus伪类的样式。以下是一个示例CSS代码：

ul li:hover,
ul li:focus {
  background-color: #eee;
  color: #333;
}

当鼠标悬停在li元素上或者li元素获得焦点时，背景颜色变成浅灰色，文字颜色变成深灰色。当鼠标移开或者失去焦点时，样式将还原为默认值。