通过将CSS类应用于子元素来影响父元素的样式

Question

我想帮助编写一些可用于表达以下内容的CSS：如果此元素具有附加了某个类的子元素，请按如下方式设置样式。
我想要做的是将一个附加到子元素的CSS类影响到父元素的样式 - 而不是将一个CSS类附加到父元素的“通常”方式影响要应用于子元素的样式。

例如，请使用以下html：

<table>
    <tr>
        <td><span>One</span></td></li>
        <td><span class="highlight">Two</span></td>
        <td><span>Three</span></td>
    </tr>
</table>

我会尝试编写一些CSS来设置一个<td>样式，它会以一个特定的方式使用类<span>找到一个孩子"highlight" - 例如，将红色边框应用于<td>

仅供参考：我知道使用jQuery动态使用

这样可以实现的方法

$("span.highlight").parent().addClass("styling-class");

或

$("span.highlight").parent().css({"border": "1px #ff0000 solid"});

但是我们可以说这个解决方案在我的情况下不会特别容易应用，因此我想找到一种方法来在我的样式表文件中使用CSS来表达它。我既不是新手，也不是CSS的专家。我正在努力实现的目标是什么？