css li有几种状态

CSS中的li（列表项）有几种状态，包括正常状态、鼠标移上状态、激活状态等。让我们详细了解一下这些状态和如何轻松地设置它们。 正常状态（默认状态） 正常状态是列表项最基本的状态，即当鼠标不悬停在它上面，没有按下它，且没有添加任何样式时的状态。要对列表项进行样式设置，可以使用以下代码：

li {
    color: black;
    font-size: 16px;
}

悬停状态 当鼠标悬停在列表项上时，可以应用悬停状态。它通常用于改变鼠标形状或揭示更多信息。要设置悬停样式，可以使用以下代码：

li:hover {
    background-color: #f2f2f2;
}

在上面的代码中，我们更改了背景颜色，当鼠标移上该列表项时，将其更改为灰色。 激活状态 激活状态是当用户通过点击列表项进行操作时的状态，通常用于展示选定的项目。它可以通过以下代码进行设置：

li:active {
    color: red;
}

在上面的代码中，当用户单击该列表项时，将更改文本颜色为红色。它可以对用户提供更好的体验并提供反馈。 总结 在CSS中，列表项可以具有正常状态，悬停状态和激活状态。这些状态的样式可以通过简单的代码轻松设置。有了这些状态，您可以轻松地为您的列表提供更好的交互性，为用户提供更好的体验。