html - 将 :hover 应用于::before(使用 li)

Question

如何在下面的代码中将 :hover 应用于 ::before，我尝试了几种不同的组合，但没有结果。我的目标是当我将鼠标悬停在链接/li 上时更改颜色。

td.infolinks ul{
   padding: 0px 0px 0px 0px;
   margin: 0px;
   list-style-type: none;
}

td.infolinks ul li::before{
   content: "·";
   color: #FF6666;
   margin-right: 5px;
}

td.infolinks a:hover td.infolinks ul li::before{
   color: blue;
}

Answer 1

应该是

ul li:hover::before { color: #FF6666; }