名前 題名 ▼ takiさん > マスター、皆さん > 雑談ということでお許しを。 > > 今、Webページのスタイルシートの記述で困っています。 > > test.html > ------------------ > <!doctype html> > <html lang="ja"> > <head> > <meta charset="UTF-8"> > <link href="./css/test.css" rel="stylesheet" type="text/css"> > <title>test</title> > </head> > <!-- --> > <body> > > <h1>見出し</h1> > <p>本文</p> > > </body> > </html> > ------------------ > > test.css > ------------------ > @charset "UTF-8" > > h1 {color: green;} > > p {color: green;} > ------------------ > このように記述した場合、「見出し」が緑色になりません。 > 以下のように書き換えると > ------------------ > @charset "UTF-8" > > p {color: green;} > > h1 {color: green;} > ------------------ > 今度は「本文」が緑色になりません。 > さらに、以下のように書き換えると > ------------------ > @charset "UTF-8" > > .hoge{} /* 意味なし */ > > p {color: green;} > > h1 {color: green;} > ------------------ > 「見出し」「本文」共に緑色になります。 > > つまり、一番最初の命令（装飾）が無視されているようです。 > これって私の環境だけの現象なのでしょうか。 > > Windows10 html,cssファイル共にTeraPadにて編集 > 確認したブラウザはIEとChrome(ツールに追加) > > 出歩いちゃいけない時期にスミマセン。 GIF,JPEG,PNG画像ファイル及びLZH,ZIPファイルをアップロードできます.600 x 1200 ピクセルを超える画像は縮小表示されます(画像クリックで拡大表示). (上限122000(120k)バイト) 削除キー Link