[php]wordpressテーマでのaタグへcssスタイルが反映されません

Question

wordpress上のテーマエディターにてaタグのスタイルを変更したいのですが反映されず、原因をご教示頂けないでしょうか。
aタグは<?php previous_post_link?>と<?php next_post_link?>を使って出しております。
chrome上で検証するとuser agent stylesheetで設定されてしまっているので、こちらが原因でしょうか？
phpファイル及cssファイルを下記致しますのでご確認頂けますと幸いです。

[index.php]

<?php if(have_posts()): while(have_posts()): the_post(); ?>

<article <?php post_class(); ?>>
	
	<h1><?php the_title(); ?></h1>
	
	<div class="postinfo">
		<time datetime="<?php echo get_the_date("Y-m-d") ?>">
			<i class="far fa-clock"></i>
			  <?php echo get_the_date(); ?>
		</time>

		<span class="postcat">
			<i class="fas fa-folder"></i>
			<?php the_category(","); ?>
		</span>
	</div>
	
	<?php the_content(); ?>

	<div class="pagenav">
		<span class="old">
		<?php previous_post_link(
		'%link',
			'<i class="fas fa-chevron-left"></i> %title'
		); ?>
		</span>
		
		<span class="new">
		<?php next_post_link(
				'%link',
				'%title <i class="fas fa-chevron-right"></i>'
			); ?>
		</span>
	</div>

[style.css]
.pagenav a{
padding: 5px 10px;
border: solid 1px #cccccc;
border-radius: 10px;
color: #666666;
font-size: 12px;
text-decoration: none
}

Answer 1

もっとも簡単な方法は、CSSの!importantを用いることですかね

Comments

[Marcos]

ご回答頂きありがとうございます！
理由は分かっていないのですが、リロードしたらうまく反映されていました。
!importantでの上書き方法でもうまくいきましたのでベストアンサーとさせて頂きました！

[LEBIPHIDE]

なるほど、もしかしたらCSSのキャッシュがブラウザに残っていたのが原因かもしれませんね。「CSS キャッシュ残り」などで検索してみるとヒントになるかもしれません。その場合!importantの方法は必要ないことになります。