|
マスター、皆さん
雑談ということでお許しを。
今、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(ツールに追加)
出歩いちゃいけない時期にスミマセン。
|