1

明らかに、スタイリングについて理解できない基本的なことがあるので、助けてください。

次の単純な HTML を見てみましょう:

<!DOCTYPE html>
<html>
<div>
    <div style="border: 1px solid black;">
        Hi!
    </div>
</div>
</html>

DIV の中に DIV があり、その周りに素敵な境界線が見えます。すべては順調です。それでは、インライン スタイルを削除して、CSS ファイル内に配置しましょう。

HTML :

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="test.css" />
</head>
<div>
    <div class="test">
        Hi!
    </div>
</div>
</html>

CSS :

.test {
    border: 1px solid black;
}

現在、境界線は表示されません。Chrome と Firefox の両方でこれをテストしたので、これはブラウザー固有の動作ではないと思います。2 番目のケースに境界線がないのには確かに十分な理由がありますが、それを見つけることができないようです。これはなぜですか? CSS で修正するにはどうすればよいですか?

4

2 に答える 2

0

cssファイルをサブフォルダーに入れましたか？

もしそうなら、あなたはそれを指す必要があります：

<link rel="stylesheet" href="subfoldername/test.css" />
于 2013-09-02T16:03:50.187 に答える