javascript - 子要素に 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>

私は、特定の方法でクラス<td>を持つ子で自分自身を見つけるa をスタイルする CSS を書き込もうとしています-たとえば、赤い境界線を<span>"highlight"<td>

参考までに: jQuery を動的に使用して、次のような方法でこれを実現する方法を認識しています。

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

また

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

しかし、この解決策は私の状況では特に簡単に適用できるわけではないため、スタイルシート ファイルで CSS を使用してそれを表現する方法を探しているとしましょう。私は CSS の初心者でも専門家でもありません。達成しようとしているものは何ですか？