CSS3选择器:选择特定节点的父节点？

Question

可能重复:
是否有CSS父选择器？

嗨!

我正在尝试选择特定节点(具有特定className)的父节点来为其应用一些CSS样式.

据我所知,只有子元素,后代,跟随节点等的CSS3选择器操作数...因此只有DOM文档中的一些"前向"选择是可能的.当选择器应用于DOM文档中的某个部分时,始终选择选择器描述的最后一个元素.我错了吗？希望如此!

如何选择<div>以下示例中的第一个元素？假设可能存在很多其他<div>s包含<p>s而我只想选择<div>包含p.foo但不包含的s p.bar.请注意,我想选择<div>而不是<p>!

<div>
    <h1>Test</h1>
    <p class="foo">Some text</p>
</div>
<div>
    <h1>Test 2</h1>
    <p class="bar">Some other text</p>
</div>

提前致谢!

Answer 1

实际上,"父选择器"不存在.
您可以在此处查看选择器列表:http: //www.w3.org/TR/css3-selectors/#selectors

您可以为父节点提供一个id,然后选择具有其id的父节点.
否则我没有看到任何解决方案只使用CSS从下到上访问div.