0

3 つの HTML ファイルによって呼び出される「中央」の CSS 外部シートを使用して Web ページを作成しようとしています。私が抱えている問題は、背景色に関係しています。各 HTML ファイルは異なる色にする必要があります。行を追加することから始めます

  <link rel="stylesheet" TYPE="text/css" href="EuropeanCountries.css" />

「France.html」というHTMLファイルの中にあります。"Italy.html" と "Germany.html" という 2 つの HTML ファイルに、まったく同じ行を追加します。次に、「France.html」内、「Italy.html」内、および「Germany.html」内に行を追加します。次に、「EuropeanCountries.css」という css ファイルに移動し、次の行を追加します。

   body#page1{background-color:rgb(255,0,0);}
   body#page2{background-color:rgb(0,255,0);}
   body#page3{background-color:rgb(0,0,255);}

次に、すべての HTML ファイルと css 外部シートを同じディレクトリ内に保存します。その後、Opera ブラウザーで "France.html" を開こうとすると、背景色が白になり、本来あるべきではありません。他の 2 つの HTML ファイルの背景色も白です。だから何かがおかしい。1つのHTMLファイルをcssファイルにリンクすると、たとえば. "EuropeanCountries.css" を含む "France.html" (そして、私のディレクトリには他の HTML ファイルはありません)、背景色は問題なく機能します。しかし、複数のファイルを 1 つの CSS ファイルにリンクしようとすると、うまくいきません。誰かが私が間違っている場所を正確に指摘してもらえますか?

4

1 に答える 1

0

CSSによると、あなたの体にはタグが必要です:

<body id="page1">...</body>

等、

しかし、私は一緒に行きます

.red { background: red; }
.green { background: green; }
.blue { background: blue; } 

<body class="red">...</body>

それに応じて

于 2013-11-10T09:08:47.887 に答える