reset.cssに記述されているスタイルを打ち消したい

前提・実現したいこと

http://prince9.hatenablog.com/entry/20140820/1408485051

上記urlで紹介されているGoogleチャートを使用し、作成した組織図を既存のページに表示させたいのですが
reset.cssに記載されている一部記述が原因で不要な横線が表示されてしまいます。

reset.cssの内容を書き換えずに、
border-collapse:collapse;を打ち消す方法をご教示頂きたいです。

発生している問題・エラーメッセージ

独立テストページでは無事に表示されました。
いざ既存のページに埋め込もうとした時、reset.cssに記載されている以下の記述が
原因で不要な横線が表示されてしまいます。

該当のソースコード

CSS
1table{
2    border-collapse:collapse;border-spacing:0;
3}
4```（border-collapse:collapse;の方が原因？そちらを消したら、不要な横線も消えました）
5
6### 試したこと
7
8リセットしようとHTMLの中にCSSを埋め込み、border系のタグを複数書いてみましたが
9記述が間違えているのか大本のreset.cssから記述を消さないと、消えてくれません。
10tableのCSSが原因となっているので、指定をdivでしているのがまずいのでしょうか？
11
12```HTML
13（略）
14
15<style type="text/css">
16div.organization {
17border-collapse: initial;
18border-style: hidden;
19border-top: hidden;
20border-bottom hidden;
21}
22</style>
23</head>
24<body>
25<div id='orgchart_div' class="organization"></div>
26<div id='orgchart_table_div' class="organization"></div>
27</body></html>

行動規範の内容に同意します

回答1件

ベストアンサー

こんにちは。

不明な部分も多いので推測ですが、このようにするとどうでしょうか？

css
1div.organization table{
2border-collapse: initial;
3}

参考：
継承を理解する | カスケードと継承 - ウェブ開発を学ぶ | MDN

投稿2020/09/14 07:52

編集2020/09/14 07:56

Lhankor_Mhy

総合スコア36115

hinomar

2020/09/14 08:02

こんにちは。ありがとうございます。横線消えました。 tableがやはり必要だったのですね。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！