tableに付いている線が消えない(CSS)

過去作ったページをそのままコピペしてブログに張り付けると言うことをやってるのですが、
tableタグの線が出てしまう現象が出ました。

タグ上で、border="0" となっているのですが、どうもうっすい線が出ます。
さっそく先日覚えてたデベロッパーツールでどの条件が効いているのか調査。

●デベロッパーツールの出し方
「設定(縦の点3つ)」=「その他ツール」=「デベロッパーツール」

どうも元のcssに書かれている条件で線を出している模様。

ということで、後から動くcssで更に上書きすることで対応。

table, tr, th, td {
border:none;
}


自分の場合は、trタグも消さないと上手く全て消えませんでした。
古いページから持ってくる時はcssを使っていなかったり、オレオレcssで色々やっているので
順番を気にして対応する必要がありそうです。



参考:
http://yoccylife.com/2016/08/31/420/
https://teratail.com/questions/34186