:hover不适用于动态添加的<li>

:hover是CSS中的一个伪类选择器，用于选择鼠标悬停在元素上时的样式。然而，对于动态添加的<li>元素，:hover选择器可能不适用。

原因是动态添加的元素在页面加载时并不存在于DOM中，因此无法通过:hover选择器来选中。这是因为:hover选择器是基于用户与页面交互的状态来触发的，而动态添加的元素并没有与用户的交互。

解决这个问题的方法之一是使用JavaScript来监听鼠标悬停事件，并在事件触发时添加相应的样式。可以通过addEventListener方法来添加鼠标悬停事件的监听器，并在事件处理函数中修改元素的样式。

另外，如果需要在动态添加的<li>元素上应用:hover样式，也可以考虑使用CSS的类选择器。在动态添加元素时，为其添加一个特定的类名，然后在CSS中使用该类名来定义:hover样式。

总结起来，对于动态添加的<li>元素，可以通过JavaScript监听鼠标悬停事件并添加样式，或者使用CSS的类选择器来应用:hover样式。具体的实现方式可以根据具体的需求和场景来选择。