Q&A
作成したページをデベロッパーツールで確認すると
画像のようにCSSが二回表示されます。
特に二回記述しているわけではないのですが、なぜこのように表示されてしまうのでしょうか。
（特に問題なければ良いのですが、何か記述ミスなどでしょうか？）
このページだけで、他に作成したページはこのようにはなっていないです。
（調べてみたのですが、参考になりそうなサイトが見つかりませんでしたので、こちらで質問させて頂きました。）
回答2件
0
ベストアンサー
htmlで2回style.cssを読み込んでいませんか？
同じファイルを2回<link>タグで指定していると、このような状況になることが確認できました。
html
1<html> 2<head> 3 <link rel="stylesheet" href="./style.css" type="text/css"> 4 <link rel="stylesheet" href="./style.css" type="text/css"> 5</head> 6<body> 7<div>a</div> 8</body> 9</html>
css
1div { 2 width: 100px; 3 height:100px; 4 background-color: red; 5}
投稿2019/04/20 19:52
編集2019/04/20 19:56
総合スコア241
0
HTML構造がわからないので推測ですが、liあるいは.flex-control-navが複数あるために、「1つ目のli」を拾ってかかったCSSと「2つ目のli」を基準にかけられたCSSが重複している、という状況かなと考えてみました。
投稿2019/04/19 00:52
総合スコア145184
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。