こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

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なのが原因だったりもするのでしょうか…。
ご助力お願いします。

投稿日時 - 2006-11-12 13:32:26

QNo.2534107

困ってます

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.1

内容を別の場所に書いて問題ないなら
たぶん、importの失敗(importの構文やimportで指定しているindex.cssのパスの書き間違い)だと思います。

投稿日時 - 2006-11-12 17:15:13

あなたにオススメの質問