CSS3选择器选择父级父级的子级

Question

<div>
<ul>
<li>Do something with this element</li>
<li></li>
</ul>
<ul id="someId">
<li>This element:hover</li>
<li></li>
</ul>
</div>

我想知道如果我将鼠标悬停在第二个ul元素的第一个li元素上，是否可以选择第一个ul的第一个li元素。

我尝试过选择器：

#someId li:first-of-type:hover:parent:parent ul:first-of-type li:first-of-type

但它显然不起作用。我想避免使用JavaScript并且不能更改HTML结构。添加类和ID不是问题。

这个选择器可以用CSS3吗？

Answer 1

没有JS，你就无法改变dom元素。在使用jquery .hover（）函数之后，首先将id或类赋予ul。并使用first-child元素来获取ul。