HTML/CSS

CSSが動作しない時のチェックポイント

\css\nav.css　を外部に準備したのにCSSが動作しない場合は、<head>タグ内に宣言するのを忘れている、または記述にミスがあるかどうかをチェックしています。

以下のHTMLコードでは、nav.cssは動作しない。
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
<!–CSS–>
<link href=”css/common.css” rel=”stylesheet” type=”text/css” />
<link href=”css/style.css” rel=”stylesheet” type=”text/css” />
<!– InstanceBeginEditable name=”head” –>
<!– InstanceEndEditable –>
</head>
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑

以下のHTMLコードでは、nav.cssの記述を加えたので動作する。
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
<!–CSS–>
<link href=”css/common.css” rel=”stylesheet” type=”text/css” />
<link href=”css/style.css” rel=”stylesheet” type=”text/css” />
<!– InstanceBeginEditable name=”head” –>
<link href=”css/nav.css” rel=”stylesheet” type=”text/css” />
<!– InstanceEndEditable –>
</head>
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑