css - モーダルの親要素によって設定された使用済みCSSプロパティをリセットします

Question

Twitter Bootstrapのalert機能を使用して、いくつかのステータスに基づいてHTMLテーブルに注釈を付けます。各テーブルセルには、モーダルウィンドウもあります。モーダルウィンドウは、次の機能<td>を使用して要素によって設定されたCSSプロパティを継承します。alert*

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

したがって、モーダル表示の場合、実際にはalert、親によってすでに設定されているタイプによって設定された色で表示されますtd。とにかくモーダルのCSSプロパティをリセットすることはありますdivか？

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>ないので、そこに置いても意味がありません。