atomというソフトエディタを使用しています。しかしCSSが反映されませんどうしてでしょうか？誰かわかる人教えてください。

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

atomというソフトエディタを使っているのですが
cssが反映されませんどうしてでしょうか？

エラーメッセージ

該当のソースコード

ソースコード

<!DOCTYPE html> <html lang="ja" dir="ltr"> <head> <meta charset="utf-8"> <title>htmlの練習</title> <link rel="stylesheet" href="プログラミング.css" type="text/css"> </head> <body> <p>よろしくです！</p> </body> </html>

試したこと

ここに問題に対して試したことを記載してください。
一応ネットで一通り調べてやったんですか解決しませんでした。
何分始めたばかりなので何が間違っているのかもわかりません

補足情報（FW/ツールのバージョンなど）

とりあえずCSSも貼っておきます
.p {
color:#ff0000;
font-size: 20px;
}
atomもプログラミングも始めたばかりなので使い方もあまりわからず
コードもひたすらに調べながら書いています。
出来れば正確な最初に書くコードの書き方も教えていただけると幸いです。
ここにより詳細な情報を記載してください。

退会済みユーザー

2020/02/08 23:24

とにかくまず url に日本後を使うのをやめましょう。

m.ts10806

2020/02/08 23:51

「Atom (テキストエディタ)」を質問のタグに追加してください。コードのマークダウン対応ができていません。「ソースコード」のところに貼りなおしてください。ファイルが別であればブロックをファイル分設置してコードブロックをわけてください。類似の問題はteratail内に多く出ています。というか大抵の問題は過去に誰かが提起して解決しています。まず探す癖をつけてください。見つからないのであればそれは探し方に問題があるということになります。

行動規範の内容に同意します

回答3件

全角ファイル名はやめましょう。
クラス、IDなどセレクタの書き方の問題

過去質問も参考にしてもらいたいのですけど（CSS界隈の入門系質問者からは頻出です）

基本は下記です。
.hoge はclass
#hogeはid
hogeはタグ

CSSの基本 > セレクタの種類
 CSS セレクター
 CSSセレクタのチートシート

投稿2020/02/09 02:11

編集2020/02/09 02:13

m.ts10806

総合スコア80850

ベストアンサー

スタイルシートの . が余計です。

css
1/*
2 * .p {
3 * ↑ 誤
4 */
5p {
6  color:#ff0000;
7  font-size: 20px;
8}

他回答にもありますが、先頭にドットを付けた .hogehoge という指定子は、 hogehoge というクラスを持つ要素に適用されます。そのため、ご提示のスタイル .p が指し示しているのは、<div class="p"> や <p class="p"> などとなっている要素で、タグ名が p の要素ではありません。

投稿2020/02/09 04:13