0
申し訳ありませんが、EdgeとFirefoxを使用しているときに発生しないクロムブラウザで外部スタイルシートを使用すると問題が発生します。 Jsfiddleでも正しく動作します。 問題は、私の体に背景色やテキスト色が表示されないことですが、ヘッダーの場合は完全に機能します。外部のスタイルシート(クロムあり)
これは初めての外部スタイルシートですが、他のブラウザで動作して以来、これはクロムとの互換性の問題です。
私はそうのようなCSSファイルをリンク:ここ
<link rel="stylesheet" type="text/css" href="styles.css" />
は私のCSSコード自体は、次のとおりです。あなたが提供できるすべての助けを事前に
body {
background-color: Black;
color: Green;
font-family: verdana;
}
h1 {
text-align: center;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: Green;
}
li {
float: left;
border-right:1px solid #bbb;
}
li:last-child {
border-right: none;
}
li a {
display: block;
color: Black;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: #111;
}
.active {
background-color: green;
}
おかげで、そのと学校の風プロジェクトのために厳格な基準、なぜそれが外部とクロムにある必要があります。
キャッシュをクリアしようとしましたか?コンソールのエラーをチェックしましたか? – j08691
ちょっと@ j08691キャッシュをクリアしてそれを修正しました。ありがとう! これはなぜ機能し、この問題は他の人にも起こりますか?もしそうなら、それを避ける方法はありますか? – crazzilla
CSSファイルへのパスを手動で変更し、ブラウザに最新バージョンをダウンロードさせるクエリ文字列を追加することができます。 'href =" styles.css?v = 123 "'のように、CSSの変更時に '?'の後の部分を変更する必要があります。他にも方法があります。 GoogleのCSSのバストキャッシュ – j08691