根据子属性过滤CSS选择器

Question

鉴于没有parent selectors in CSS和even in Python one must resort to XML to get to parent elements，如何定位包含<li>元素的<span class="foo">元素？

<ul>
    <li><span class="bar">John</span></li>
    <li><span class="bar">Paul</span></li>
    <li><span class="foo">George</span></li>
    <li><span class="bar">Ringo</span></li>
</ul>

这是在CSS中：环境中没有Javascript，jQuery，Selenium或Ford Pantera。

Answer 1

此刻，你不能。

CSS Selectors Level 4有一个新的选择器:has

MDN Reference :has

  

：has（）CSS伪类表示一个元素，如果任何选择器（相对于给定元素的：scope）作为参数传递，则匹配至少一个元素。 ：has（）伪类将选择器列表作为参数。

在你的情况下，它将是

`li:has(span.foo) {}`

目前，没有broswer支持这个选择器。