删除其父元素带下划线的嵌套元素中的下划线？

Question

<p style="text-decoration: underline;">Click Me<sup style="text-decoration: none;">?</sup></p>

我正在尝试将元素嵌套在具有下划线属性的元素中，但是为嵌套元素删除该属性。它不起作用，?在此方案中仍然带有下划线，添加!important无效。

编辑：实际元素的缩写为：

<tr>
  <th class="text-center" "text-decoration: underline;"><abbr title="Due Monthly" data-toggle="tooltip" data-placement="top">Actions<sup>?</sup></abbr></th>
</tr>

因此，我无法支持，因为它在tr中无效。

Answer 1

子元素样式不会更改父元素。

你可以这样做：

<p>
    <span class="underline">Click Me</span>
    <span>?</span>
</p>