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

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

HTML
1<footer>
2    <div class="footer_inner">
3      <p　class="pagetop"><a href="#">PAGE TOP</a></p>
4      <p class="footer_logo">
5        <img src="img/rogo.png" alt="フッターロゴ">
6      </p>
7     <ul class="footer_nav">
8        <li><a href="#">No.6</a></li>
9        <li><a href="#">No.7</a></li>
10        <li><a href="#">No.8</a></li>
11        <li><a href="#">No.9</a></li>
12        <li><a href="#">No.10</a></li>
13     </ul>
14    </div>
15  </footer>

CSS
1	
2	footer{
3		width: 100%;
4		height: auto;
5		background: rgb(47, 47, 47);
6		margin-top: 30px;
7	}
8
9	.footer_logo img{
10		width: 25px;
11		height: 25px;
12	}
13
14	.footer_inner{
15		width: 960px;
16		margin: 0 auto;
17	}
18
19	.pagetop a{
20		color: #fff;
21	}
22