- ベストアンサー
CSSの@importから一部のスタイルが読み込めない
- CSSの@importから一部のスタイルが読み込めない問題について
- 外部CSSファイルから特定のスタイルが適用されない問題について
- 外部CSSファイルから適用されないスタイルの原因について
- tomohiro2006
- お礼率23% (4/17)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
phpが原因という事はないかと思います。 index.css以外の場所にtdに対するborderの指定があったりすると「詳細度」の関係でindex.cssでの指定が上書きされる可能性があります。 原因を特定せずに試すのも問題ありそうですが index.cssの記述を次のように書き換えて試してみるのもいいかもしれません。 table.test td{ border-bottom-width: 1px !important; border-bottom-style: dashed !important; border-bottom-color: #000000 !important; } http://anslasax.net/css-make/cascade.html
その他の回答 (1)
- steel_gray
- ベストアンサー率66% (1052/1578)
table.box と table.test の関係がわからないのでなんとも… 質問のサンプルコードにあわせてtable.testとしましたが実際はtable.boxだったという事でしょうか？ table.test td{ ← 実際はtable.box？？ border-bottom-width: 1px !important; border-bottom-style: dashed !important; border-bottom-color: #000000 !important; }
お礼
記載ミスです。 × table.index td {} ○ table.test td {}
補足
言葉が足りず申し訳ないです。 table.box(base.css内)とtable.test(index.css内)は まったく違うテーブルに対してのスタイルになります。 table.test td{ border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000000; } ↑のタグが適応されない原因がbase.cssにある table.box td { border-width: 0px; } ↑のborder-width:0px;で表示されなかったようです。 border-width: 0px; を削除するとtable.index td{}のスタイルが適応されます。 やはり優先順位等の問題なのでしょうか？ ちなみに「!important;」をtable.index td{}につけても優先されません…。
補足
ご回答ありがとうございます。 index.cssはbase.cssから@importしています。 base.cssをチェックしたところ「table.box td{border-width: 0px;}」がありました。 これを削除したところ、なんと適応されました＾＾； 最後に質問ですが、base.cssのtable.box td{border-width: 0px;}を消さずに 「!important;」をindex.cssのtable.test td{}に追加しましたが優先されません。 なぜでしょうか・・・。