Html 如何仅将样式应用于父元素？

我有这样的HTML：

一些文本节点。
span中的一些文本

CSS：

内联CSS：

<table>
  <tr>
    <td style="text-transform: uppercase;">
      Some text node.
      <span style="text-transform: none;">Some text in span</span>    
    </td>
  </tr>
</table>

CSS:

内联CSS：

<table>
  <tr>
    <td style="text-transform: uppercase;">
      Some text node.
      <span style="text-transform: none;">Some text in span</span>    
    </td>
  </tr>
</table>

---

span的默认样式为

文本转换：继承

---

如果不进行继承，则无法更改其父级的样式，只能将其显式设置为其他值。

span的默认样式为

文本转换：继承

除了显式地将其父项的样式设置为不同的值之外，如果不进行继承，则无法更改其父项的样式。
可能的重复项无法执行此操作。CSS向下级联。您需要修改子元素
的样式，以覆盖您在其父元素
中所做的任何操作，或者将您不希望级联的样式放在同级元素而不是父元素（
样式化文本样式化文本
）中。您可能无法做到这一点。CSS向下级联。您需要修改子元素
的样式，以覆盖您在其父元素
中所做的任何操作，或者将您不希望级联的样式放入同级元素而不是父元素（
样式化文本样式化文本
）。谢谢您的回答，但如果我可以这样做，我不会问你的。关于纯CSS，这里有一个关于CSS中的父选择器的有趣页面：-这是几年前的想法，但由于性能问题等原因，从未付诸实施。我想不出一种CSS方式来实现你的要求。谢谢你的回答，但如果我可以这样做，我不会问你的。关于纯CSS，这里有一个关于CSS中的父选择器的有趣页面：-这是几年前的想法，但由于性能问题等原因，从未付诸实施。我想不出一种CSS方式来实现你的要求。
$("td span").css("text-transform", "none");