ダークテーマで文字色を白くしないようにしたい

締切済

質問者：Hypnomatic
質問日時：2022/12/07 17:26
回答数：3件

----CSS----

body{
color:black;
}

と指定しても文字色が白くなってしまいます。
黒文字にするにはどうすればよいのでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

No.3

回答者： kon77
回答日時：2022/12/08 11:00

ブログやCMS等での話でしょうか。

CSSは、基本的に、子要素のプロパティ（「color」等）が優先されることが多いかと思いますので、ある程度の子要素に対して当該の記述をするのが良いかと思います。

bodyタグは、ほとんどの要素を囲む大きな親要素ですので、子要素の指定によってプロパティが変更されてしまうことはよくあるかと思います。

つまり、以下の線内ような感じで指定するということです。以下は、「body」の後に、「main」で「color」を指定し直しています。

―――――――――――――――――――
<html>
<head>
<style>

body{
background:dimgray;
color:white;
}

main{
color:black;
}

</style>
</head>
<body>

<main>
<div>
<p>本文</p>
</div>
</main>

</body>
</html>
―――――――――――――――――――

他にもCSSは反映されないことはよくあるかと思いますので、上記で解決しない場合は、「CSS 効かない」等でWEB検索してみてください。

CSSが効かない・反映されないときの対処法まとめ
https://saruwakakun.com/html-css/wordpress/cant

どうしてもご自身で解決出来ない場合は、差し支えなければ、そのURLをこちらに貼ると的確な回答が付くかも知れません。