Q&A
開発者ツールを開いて、エラーが出ている場合はそちらも記載してください。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>タイトル</title> <link rel="stylesheet" href="minimum.css"> </head> <body> <p>本文です。</p> </body> </html> p { color: #ff0000; } ```### 前提・実現したいこと 上のコードの前半のようなものをindex.htmlとして作成して、後半のpから始まるものをminimum.cssとして作成して「本文です。」を赤く染めたい ### 発生している問題・エラーメッセージ
上のコードの前半のようなものをindex.htmlとして作成して、後半のpから始まるものをminimum.cssとして作成したのですが「本文です。」が赤く染まりません
### 該当のソースコード ```ここに言語名を入力 ソースコード
試したこと
ここに問題に対して試したことを記載してください。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
ファイル構成を明示してください。
「染める」とは文字色でしょうか背景でしょうか。
ゴールを比喩ではなく、具体的に表記してください。
（今回のケースだとコードだけでは明確にはなりません）
ちなみに、今のコードだけだと「HTMLファイルにそのままCSSの記述がある」というだけです。
ファイルが別なのであれば、コードブロックはわけた上で、ファイル名は別途明示してください。
○○.html
```html
```
○○.css
```CSS
```
ファイルの階層もわかればなおよしです。
もっと言えば、「現在の画面表示」および「ブラウザ開発ツールのコンソール」の画面キャプチャもあれば原因も明確になります。
回答1件
0
<style>タグがないことや、記述している位置が原因かもしれません。
```HTML
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>タイトル</title>
<link rel="stylesheet" href="minimum.css">
</head>
<body>
<p>本文です。</p>
</body>
<style>
p {
color: #ff0000;
}
</style>
</html>
```
背景色を赤色にしたい場合は以下の指定をしてみてください。
CSS
1p { 2 background: #ff0000; 3}
投稿2020/07/11 04:48
総合スコア4528
あなたの回答
tips
プレビュー
