PHP,Laravel cssのfor文での設定に関しての質問です

Question

PHP,Laravel　cssのfor文での設定に関しての質問です

ユーザー情報をデータベースから参照してforeach文の中で当てはまる人の名前を色を変更したいのですが、当てはまる人が一人でもいるとすべてのユーザに適用されてしまいます。
for文の初めにcssをリセットするように記述してもユーザーごとでなくすべてに反映されてしまいます。
当てはまる人だけcssを適用させるやり方をご存知の方ご教授いただけますと幸いです。

@foreach ($users as $user)
　　　　<div class='user'>
	    <div class='name'>{{ $user->name }} </div>
	    @if($user->status == true)
	        <style type="text/css">
	        .name{
	            color: #4ec4d3;
	        </style>
	    @endif
	</div>
@endforeach

Answer 1

<style type="text/css">
.name.status {
    color: #4ec4d3;
}
</style>

@foreach ($users as $user)
　　<div class='user'>
        <div class='name @if($user->status == true) status @endif'>
            {{ $user->name }}
        </div>
    </div>
@endforeach

Comments

[tapioka28]

ありがとうございます!!
理想の動きをしてくれました!!

Answer 2

既に解決されてますが、「今後同じようなことでつまずかないための」考え方を1つアドバイスとして残しておきます。

これはLaravelはおろかPHPの問題でもないですね。
実装の仕方から見直した方が同じような問題でつまずくことなくなると思います。

まずはPHPすら関係ないHTMLだけ先に作ってください。。
「モック」というやつです。
そうすることで「どういうHTMLを出力すれば目指す形ができるか」が明確になり、
PHPで出力したHTMLとのチェックに利用できます。

参考まで。

Comments

[tapioka28]

アドバイスありがとうございます。
それはHTML,CSSで静的な部分を完成させ、そのあとから動的な部分を足していくということであっていますでしょうか？

[m.ts10806]

違います。
本来はデータベースから取得してきて複数行リストを出すような場合でも、固定データでレイアウトを先に組むということです。
リスト出力なのでモックでは10行のtrがあったとしても動的に入れ換えるとtrは1行になります。
結局ブラウザで解釈されるのは出力された10行のtrになるので、先にレイアウトをつくっておくことでズレが減らせると言うことになります。
まさに今回は「完成形のイメージができていないままいきなり動的に作った」ことで起きた問題なので。