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

Question

我有这样的 HTML:

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

如何为 TD 元素编写样式，而不影响子 SPAN 元素？在我的例子中，SPAN 必须保持正常的文本转换。

请注意，我只能为TD修改样式。

Answer 1

span 的默认样式是 text-transform: inherit。

除了显式将其设置为不同的值外，没有其他方法可以在不继承的情况下更改其父级的样式。