Css 如何在一个元素上获得悬停状态以更改另一个元素的样式？

我在网站上看到过各种各样的，但我自己也遇到了困难

我正试图修改这段代码，使之与这两个div上面的表中的UL一起工作。当您将鼠标悬停在“倒退”上时，将显示4张前4张幻灯片

div.backslide4:hover div.first4 {
-webkit-transition: left .5s ease-in-out;
-moz-transition: left ease-out .5s;
left: 360px; }

对于我的UL，我尝试了以下方法，但没有成功：

ul:hover div.first4 {
-webkit-transition: left .5s ease-in-out;
-moz-transition: left ease-out .5s;
left: 360px; }

---

你可以在这里看到一个例子。提前感谢您的帮助。

要使CSS悬停生效，受影响的对象必须是该元素的子对象。@JoshPowell不完全正确。它也可以是下一个兄弟姐妹，尽管前一个兄弟姐妹不受支持。非常有趣！我没有意识到这一点。我在css中没有看到ul的悬停样式？你确定你添加了你的位吗？你能发布你的html吗？