重置由父元素为模态设置的CSS属性

Question

我使用Twitter Bootstrap的alert功能根据某些状态对HTML表进行注释。在每个表格单元格中，还有一个模态窗口。模态窗口使用<td>功能继承alert*元素设置的CSS属性：

<td class="alert alert-block alert-success">
  <a>Modal Link</a>
  <div>Modal Content<div>
</td>

因此，当模态显示时，它实际显示的颜色由alert的类型设置，该类型已由父td设置。无论如何都要重置模态div的CSS属性？

Answer 1

您可以为<div>编写一个样式，该样式将覆盖为.alert定义的所有属性。但是，我通常会将模式<div>置于<table>之外。

<table>
  ...
  <td class="alert alert-block alert-success">
    <a>Modal Link</a>
  </td>
  ...
</table>
<div>Modal Content<div>

模态<div>不会显示在<td>内，所以没有任何意义。