1

状況

最近、CSS ファイルにコメントを入れることにしました。そして、私がそうすると、そのうちの1つが機能しなくなりました。

どちらの方法でコメントを作成しても、CSS ファイル全体が機能しなくなります。これには情報が不足していることはわかっていますが、どこから来た可能性があるのか​​さえわかりません。

それが問題になる場合に備えて、これが私の CSS の書き方です。

// Background
body            { background-color: #666666; }
#content            { background-color: #cccccc; }
#menu           { background-color: #cccccc; }
#menu-footer        { background-color: #33cccc; }
#menu-items a.active    { background-color: #33cccc; }
#menu-items a:hover     { background-color: #99cccc; }

// The white spaces are actually tabs (Alt+i on Emacs)

更新 1

この状況をデバッグする方法を探しています。Google Chrome のデベロッパー ツールに CSS ファイルが表示されますが、プロパティが適用されません。

foobar {
    // color: cyan;
}

これは単純に CSS を間違ったものにしていますか? ファイルの残りの部分は引き続き解析されますか?

更新 2

私はいつも//自分の CSS にコメントを付けていましたが、この記事では後の表記法を使用しました。気が変わってインライン CSS を使用している今、//トークンが無効なため、ファイル全体が読み取れません。

4

4 に答える 4

0

このようにコメントしてみてください

/* Background */
body            { background-color: #666666; }
#content            { background-color: #cccccc; }
#menu           { background-color: #cccccc; }
#menu-footer        { background-color: #33cccc; }
#menu-items a.active    { background-color: #33cccc; }
#menu-items a:hover     { background-color: #99cccc; }

/* The white spaces are actually tabs (Alt+i on Emacs) */
于 2013-07-19T21:40:00.077 に答える