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

Question

我在网站上看到了这种变化，但我遇到了自己的障碍。

我正在尝试调整此代码，以便在这两个div之上的表中使用UL。当你将鼠标悬停在backslide4的前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; }

您可以在此处查看示例Test Link。提前感谢您的帮助。