レスポンシブ対応のCSSででたinvalid property valueというエラーを解決したい

Question

前提・実現したいこと

ワードプレスのコーティングをしています。
サイトのバックアップを取り、テーマエディタでカスタマイズしているのですが、
特定のクラスに
invalid property value

というエラーメッセージが出ており、CSSが反映されません。
レスポンシブのcssは反映されず、PCのcssが反映されてしまいます。
ググって調べたところ、全角などの原因などがありましたが、全て半角です。

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

invalid property value

該当のソースコード

@media
only screen and (max-width : 480px){




.m2_3{
　　font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
　　background-image: url("/wp-content/uploads/2020/05/midasi_green_550.png") !important;
　　background-size: contain !important;
　　background-repeat: no-repeat !important;
　　background-position: center !important;
　　max-width: 800px !important;
　　margin: 0 auto !important;
　　text-align: center !important;
　　text-align: bottom !important;
　　font-size: 19px !important;
　　color: #9CBB2B !important;
　　font-weight: normal !important;
　　border-bottom: solid 2px #9CBB2B !important;
　　margin-bottom: 25px !important;
　　padding-bottom: 10px !important;
}

試したこと

全角になっていないか

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

こちらがPC用の元のCSSです。レスポンシブでもこちらが反映されるようになっています。

```css

.m2_3 {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    background-image: url(/wp-content/uploads/2020/05/midasi_green_800.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    text-align: center !important;
    text-align: bottom !important;
    font-size: 36px !important;
    color: #9CBB2B !important;
    font-weight: normal !important;
    border-bottom: solid 2px #9CBB2B !important;
    margin-bottom: 30px !important;
    padding-bottom: 10px !important;
}

Comments

[m.ts10806]

}
閉じてないですが、コード全部提示されてますか？

Answer 1

全角になっていないか

全角スペースが全ての行のインデントで入ってますよ。
※サクラエディタの表示

コード間を取るのに全角スペースはNGです（変数名に全角スペース使える言語もあるけどそれはそれ。「間」ではない。）

全角スペースも可視化できるエディタ使われたほうが良いです。
プログラミングに利用できるテキストエディタですね。
OS付属のメモ帳は絶対にやめてください。

構文チェック機能もついているものがベターです。
下記はeclipseの例

下記はVisual Studio Codeの例

下記はBracketsの例

拡張機能やプラグインを入れる必要があるエディタもありますが、
「環境構築」といった観点ではどんな言語をプログラミングする際も
適切なエディタ選定は必須過程です。

Comments

[maisumakun]

> 変数名に全角スペース使える言語もあるけどそれはそれ。「間」ではない。

例は少ないですが、JavaScriptなど全角スペースをホワイトスペースと認識する言語も存在します。

https://www.softel.co.jp/blogs/tech/archives/5280

[m.ts10806]

え、そこ入れていいんすか（第一声）
でも、コードレビューで出して来たら必ずNGつけますね・・

[Tttttttttttttt]

すみません。全角で改行されていました。ありがとうございます！

[m.ts10806]

改行ではないですよ。スペースですよ。
それより後半のほうが大事です。
「全角が入ってた」だけの認識で本件終わらせてしまうと同じような問題で自己解決できずにまた他人を頼らなければならなくなります。