デベロッパーツール上で反映された変更が、ワードプレスのCSS上では効かないのは何故？

Question

前提・実現したいこと

CSSでテーブルに横スクロールバーを導入（スマホ用）

発生している問題

デベロッパーツール上で問題なくクラス追加が反映されるが、いざワードプレスのCSSに記述するとoverflow: auto;しか効いてない

該当のソースコード

CSS側
/*sp_table*/
.scroll{
overflow: auto;　　　　
white-space: nowrap !important;
}

HTML側
<div class="scroll">
<table>...</table>
</div>

CSS、HTML

試したこと

キャッシュが残っているのかと思い、スーパーリロードを実行。
scrollのクラスより優先されているものが無いか探した。→打消しマークも無く、.scrollの上にあるCSSはelementだった。

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

wordpress template:
MH magazine lite

Comments

[m.ts10806]

WordPressをタグに追加し、利用しているテーマを追記してください。あと、コードはコードブロック```で囲ってください。（質問テンプレートでは「該当のソースコード」とありますが、その中にコードを記載します）

[Lhankor_Mhy]

情報が足りないためなんとも言い難いですが、overflow: auto; まで効いているということなので、次の行に文法エラーがある、とか？　全角スペースが入ってるとかありがちな話ですね。

[退会済みユーザー]

mts10806さん、ありがとうございます。修正したのですがこれで問題ありませんか？

[m.ts10806]

その下のCSS、HTMLの枠が不要ですね。あとできればHTMLとCSSはブロックをわけていただきたいです。冒頭を```CSS ```html のようにして囲うことで言語にあったコードハイライトがされます。質問編集画面ではプレビューが表示されるのでそちらを見ながら調整してください。

[退会済みユーザー]

Lhankor_Mhyさん、ありがとうございます。初歩的なミスをご指摘いただきありがとうございます。クラスとクラスの間に謎余白がありました。今、もう一度同じクラスを直打ちしてみたら、解決しました！

[退会済みユーザー]

mts10806さん、わかりにくい表記をしてしまい大変失礼しました。以後、気を付けます。ありがとうございました。

[m.ts10806]

「overflow: auto;　　　　」の後ろの空白でしたね。解決したようで良かったです。回答を書かれて自己解決とされては？（それか Lhankor_Mhyさんが回答を書かれた方がいいかも）

Answer 1

再度CSSを直打ちして、全角余白を消した。