css3 控制li

使用class选择器控制li元素

最常用的方法是使用class选择器来为

  .highlight {
    background-color: yellow;
  }

通过给需要特殊样式的

使用伪类来控制li元素的状态

除了使用class选择器，我们还可以使用伪类选择器，根据元素的状态为

  li:hover {
    background-color: blue;
  }

当鼠标悬停在

使用CSS3动画效果控制li元素

在CSS3中，我们还可以使用动画效果来控制

  @keyframes gradient {
    0% { background-color: red; }
    50% { background-color: yellow; }
    100% { background-color: green; }
  }
  
  li {
    animation: gradient 5s infinite;
  }

上述代码中，我们定义了一个名为"gradient"的关键帧动画，它将在5秒内循环播放。在动画的0%、50%和100%位置，背景色分别为红色、黄色和绿色。通过将该动画应用于

总结

通过使用class选择器、伪类选择器和CSS3动画效果，我们可以灵活地控制和样式化