pタグの中のaタグにCSSが効かない

Question

pタグの中のaタグにCSSが効きません。
footerのPAGE TOPという文字にCSSをかけたいのですが、
classをid属性に変更したり、書き直したりしても全く適用されません。
そしてなぜかChromeの検証ツールで見てみたところ、footerのPAGE TOPのところのCSSがでてきませんでした。
これは何か関係あるのでしょうか？

<footer>
    <div class="footer_inner">
      <p　class="pagetop"><a href="#">PAGE TOP</a></p>
      <p class="footer_logo">
        <img src="img/rogo.png" alt="フッターロゴ">
      </p>
     <ul class="footer_nav">
        <li><a href="#">No.6</a></li>
        <li><a href="#">No.7</a></li>
        <li><a href="#">No.8</a></li>
        <li><a href="#">No.9</a></li>
        <li><a href="#">No.10</a></li>
     </ul>
    </div>
  </footer>

	
	footer{
		width: 100%;
		height: auto;
		background: rgb(47, 47, 47);
		margin-top: 30px;
	}

	.footer_logo img{
		width: 25px;
		height: 25px;
	}

	.footer_inner{
		width: 960px;
		margin: 0 auto;
	}

	.pagetop a{
		color: #fff;
	}

Answer 1

<p　class="pagetop">ですが、pの直後の文字が全角スペースであるため、<p>タグだと認識されていないようです。

Comments

[mmmin]

解決できました！！！！
本当にありがとうございます。