回答編集履歴

1 追記

sk_3122

sk_3122 score 998

2018/05/11 11:04  投稿

css は優先順位について色々ルールがあります。
- タグに直接 `style=""` で書く方が、`class=""` で指定するより強い(優先される)
- `#hoge {}` のように id で指定する方が、`.fuga {}` のように class で指定するより強い
- `.hoge {}` の指定よりも `.main .list div.hoge {}` のようにより細かく指定されている方が強い
- `!important` が付いている方が、付いていないより強い
- 同じ強さだったら、先に書かれているものより 後に書かれている者の方が強い(後勝ち)
(上記は例です。詳細については別途調べてみてください)  
思うに 共通の css 部分により強い指定があって、それに負けているのではないでしょうか?
----
たとえば
- <table> に class="my-table" のように class を指定してみる
- `table.my-table th.table-header` のような指定に変えてみる
など試してみてはどうでしょうか。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る