CSSで存在しないはずのクラス名を参照してしまう

Question

class属性を変更したところ、削除したはずのクラス名をブラウザが参照し続けるという不具合があり、どのように解決すれば良いかわかりません。
実例を見ていただいた方がイメージしやすいと思いますので、下記に載せます。

変更前

<div class="m1" name="1"></div>

.m1{
  background: url('../image/m1.png');
}

→正常に画像が表示される。

---

変更後

<div class="1" name="1"></div>

.1{
  background: url('../image/m1.png');
}

→画像が表示されない（不具合）

---

実験

<div class="m1" name="1"></div>

.1{
  background: url('../image/m1.png');
}

→クラス名が異なるはずなのに画像が表示される。（なぜ？）

---

どなたかこの現象の発生原因と、解決策をご教示いただけないでしょうか？

Answer 1

class名は命名規則的に1無理です。アルファベットから初めてください。
cssにm1クラスがないのにcssが適応されるのはブラウザがまだcssのキャッシュを持っているからでは？

cssは別ファイルですか？
であれば読み込む時にたとえばhoge.cssという部分をhoge.css?2016110などとして強制的に新しいcssよませてください。

Answer 2

class には、数字のみ、および数字で始まる名前をつけることができません。

Answer 3

ブラウザのキャッシュが残っている可能性があります。
キャッシュの削除後に再度アクセスしてみてください。

Comments

[ShoheiTai]

あと他の方も書いていますが、名前の数字始まりもだめでしたね。。

Answer 4

皆さん、とても素早い回答ありがとうございます。
無事解決しました。助かりました。