- 締切済み
CSS @importからのスタイル適応について
CSS外部ファイルからのスタイル適応が出来ず困っています。 以下のスタイルをテーブルに適応させたいのです。 【スタイル(index.css)】 table.test{ background-color: #ffffff; } table.test td{ border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000000; } 【以下のタグに適応】 <table cellspacing="0" cellpadding="0" class="test"> <tr> <td>AAA</td> </tr> <tr> <td>BBB</td> </tr> <tr> <td>CCC</td> </tr> </table> 【スタイル入力先】index.css 【読み込み方式】<link>によるbase.cssからの@import <link rel="stylesheet" type="text/css" href="css/base.css"> 更に、base.cssから@importでindex.cssを読み込んでいる環境です。 ******************** 適応されるとテーブルの「AAA」「BBB」「CCC」に点線のアンダーラインが表示されます。 しかしindex.cssに入力してもスタイルが適応されないのです…。 (※ちなみに拡張子はPHPです。HTMLではありません) 色々試すと以下の事が判明しました。 □直接タグにスタイルを入力すると適応される □<head></head>内にスタイルを入力し、Class指定しても適応される □試しに、base.cssに入力するとスタイルが正常に適応される ■しかし、index.cssにスタイル入力すると適応されない なぜ外部CSSファイル(@importからのCSSファイル)から適応されないのでしょうか? PHPなのが原因だったりもするのでしょうか…。 ご助力お願いします。
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- steel_gray
- ベストアンサー率66% (1052/1578)
内容を別の場所に書いて問題ないなら たぶん、importの失敗(importの構文やimportで指定しているindex.cssのパスの書き間違い)だと思います。