CSS悬停仅适用于点击

Question

CSS摘录：

ul li:hover {
    background: orange;
}

php摘录：

while($w3school = mysqli_fetch_array($result)) {
    echo "<li id='".$w3school['id']."'>" . $w3school['LastName'] . "</li>";
}

上面列表中的html摘录：

<ul id="myUL"></ul>

将鼠标悬停作为css的替代品 - 不起作用：

var ul = document.querySelector('#myUL');

function whatClicked(evt) {
   evt.target.style.backgroundColor="blue";
}

ul.addEventListener("mouseover", whatClicked, false);

要不超载此问题，请询问更多所需的代码。但除了这里不应该有关的ajax调用之外，就是这一切。

所以，问题是背景会发生变化，但只有在被点击时才会发生变化。我发现它连接到PHP，因为它没有数据库连接很好。但为什么？