css li 按下效果 |document设置css

li:active {
background-color: gray;
}

上面的代码表示当li被点击时，背景色变为灰色。

如果希望点击后立即恢复原来的样式，可以给:hover和:active加上transition属性：

li:hover, li:active {
background-color: gray;
transition: background-color 0.2s ease;
}

上面的代码表示当鼠标悬停或点击时，背景色变为灰色，且通过transition属性让变化过程更加平滑。

如果li有其他样式，可以根据情况对:hover和:active的选择器进行限制，例如：

li.button:hover, li.button:active {
background-color: gray;
color: white;
transition: background-color 0.2s ease;
}

上面的代码表示只有具有.button类名的li元素被悬停或点击时才会出现按下效果，且背景色为灰色，文字颜色为白色。