CSSで一箇所だけセレクタが反映されません。

Question

お世話になっております。
CSSで「footer」だけ認識されないのですが、原因がわかりません。
classなのでfooterの前に「．」はつけていますし、スペル間違いもないです。
下記の（footer list）などはきちんと反応されているのですが。
先に進めず困っています。
教えてください。よろしく願い致します。

【HTML】

<footer class="**footer**"> <nav> <ul class="footer-list"> <li class="footer-item"> <a href="">about me</a> </li> <li class="footer-item"> <a href="">skills</a> </li> <li class="footer-item"> <a href="">twitter</a> </li> </ul> </footer>

【CSS】
.footer{　　　⇦このセレクタだけ反映されない。
}

.footer-list{
}

.footer-item{
}

.copyright{
}

Comments

[maisumakun]

> CSSで「footer」だけ認識されないのですが、原因がわかりません。

中身はどのようなものなのでしょうか？

（中身が間違っている、上書きされているなど、セレクタの問題ではないことも考えられます）

[Lhankor_Mhy]

試してみましたが、問題が再現しませんでした。

つまり、ご提示のコードには問題の原因がなさそうです。
ご提示いただいていない部分に原因があると思われます。

[shizukikakamu]

確認してます！
早い対応頂きまして誠にありがとうございます！！

Answer 1

footerの中のクラス「footer」ですので
footer.footer{ }
としてみてはいかがでしょうか。
cssの中身も詳しく教えていただけると
もう少し良い方法を見つけられるかもしれません。
ちなみにですけどたとえばpへのcssなら
p{ color:#000 !important; }
のように!inportantをつけることで最優先にできます。
ですがimportantで被った場合、通常の優先度で適用される(はず)です。
詳しくはここを参照してみると良いと思います。