0

在编写一些可用于表达以下内容的 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 来设置 a 的样式，以一种特定的方式<td>发现自己与<span>类的孩子 - 比如说，将红色边框应用于"highlight"<td>

仅供参考：我知道可以使用 jQuery 动态地使用类似的方法来实现这一点

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

或者

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

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

4

0 回答 0