Wordpressのカスタム投稿タイプについて

Question

wordpressのカスタム投稿タイプで、カスタム分類を作成し、カテゴリーのスラッグを設定しました。

<?php if(have_posts()):
while(have_posts()):
the_post(); ?>
<h1>
	
<?php the_title(); ?>
</h1>
<div class="terms">
	<?php $terms=get_the_terms($post->ID, 'type');
	if(! is_wp_error($terms) && $terms):
	foreach($terms as $term):
	?>
	
	<span class="label product-<?php echo esc_attr($term->slug); ?>">
		<?php echo esc_html($term->name); ?></span>
	<?php endforeach; endif; ?>
</div>

<?php endwhile; endif; ?>

検証を行うとspanのクラスにはlabelとproduct-designやproduct-libraryなど私が設定したスラッグがついていました。しかし、以下のCSSが効きません

.label{
	margin-right:10px;
	padding:3px 0 3px 0;
	font-size:0.8em;
	line-height:1.2;
	color:#ffffff;
}

.product-library{
	background-color:#4f85f8;
	
}
.product-design{
	background-color:#66b1f1;
}
.product-lunguage{
	background-color:#012563;
}

Answer 1

外部ファイルに記載しましたか？　CSSを読み込んでいますか？

ブラウザのソースを見るなどでｃｓｓが読み込まれているか。

テーマのオプションなどでcssがカスタムできると思いますがそちらで試しましたか？

CSSが読み込まれている場合、
cssの要素の検証をchromeでみたときにspanに何か背景色の指定がありますか？

たとえば、reset.cssなどのようなものでspanがリセットされている可能性。

cssの指定が既にされている場合、
cssに!importantを付けてみたらどうですか？

ex.)

.product-library{
    background-color:#4f85f8!important;
}

または、セレクターが当たっていない場合は、spanのタグを指定に加えてみたらどうか。
span.product-library

ｃｓｓが読み込まれていないのかと思いました。

言語は英語でlanguageだと思います。