PHPで呼び出したカテゴリーごとにCSSを適用したい

Question

前提・実現したいこと

WordPressでホームページを作っています。
投稿時に選択したカテゴリー名を投稿一覧ページに表示させ
カテゴリーごとにCSSを適用したいです。
PHPでクラス名にカテゴリーのスラッグが合わさり、予め作成したCSSが適用されるように
「<span class="label-item label-（スラッグ）">」としたかったのですが
PHPの構文がおかしく上手く動いていないようで
CSSが適用されません。

該当のソースコード

<?php
query_posts(array('post_type' => 'post', 'paged' => get_query_var('paged')));
if (have_posts()) :
  while (have_posts()) :
    the_post();
    get_template_part('content-archive');
  endwhile;
endif;
if (class_exists('WP_SiteManager_page_navi')) :
  WP_SiteManager_page_navi::page_navi();
endif;
wp_reset_query();
?>

<ul class="list">
  <li class="item">
		<div class="label">
			<p class="news-date"><?php the_time('Y.m.d'); ?></p>
			<ul class="inner">
				<li>
					<?php
						// カテゴリーを表示
						$category =
					get_the_category();
					$cat=$cat[0];
						if ($category){
							foreach($category as $cat){
								echo '<span class="label-item label-<?php echo $cat->slug; ?>">' .$cat->cat_name . '</span>';
							}
						}
					?>
				</li>
			</ul>
		</div>
		<a href="<?php the_permalink()?>" class="content"><?php the_title(); ?></a>
	</li>
</ul>

試したこと

スラッグを呼び出し、CSSを取得する部分を下記のように変更してみましたが結果は変わりませんでした。

<span class="label-item label-<?php $cat = get_the_category(); $cat = $cat[0]; { echo $cat->slug; } ?>">

補足情報（FW/ツールのバージョンなど）

上記PHPの（content-archive）部分に下記PHPを呼び出すように記述しています。

Answer 1

PHPの構文がおかしく上手く動いていないようで CSSが適用されません。

Web ブラウザで、確認するとどのような HTML になっているのでしょうか？

---

echo '<span class="label-item label-<?php echo $cat->slug; ?>">' .$cat->cat_name . '</span>';

' の中の変数は展開されませんので、PHPの変数を参照する部分は ' の外に出しましょう。

Comments

[soraatori]

ご回答ありがとうございます。
ブラウザで確認しますと「<span class="label-item label-<?php echo $cat->slug; ?>">」というように
phpの構文が表示されてしまっています。

[soraatori]

「echo '<span class="label-item label-' . ( $cat->slug ) . '">' .$cat->cat_name . '</span>';」
としましたところ、正常に表示されるようになりました。
誠にありがとうございました。