채택완료

여분필드 값에 따라 css 적용방법 질문드립니다.

2023-12-19 (화) 15:59:52 21,530

wr_link1 에 셀렉트로

진행중 / 마감 2가지 값을 받게 하였습니다

style이 진행중일때 link_css01 이 적용되고

마감 일때 link_css02 가 적용되게 할수 있을까요?

검색해보니 

Copy
<style>

.my-color { background:<?php echo $list[$i]['wr_link1'] === 마감 ? "blue" : "yellow"; ?>;

  }

</style>

이 소스가 있어서 적용했는데 잘 안되네요

|

답변 4개

채택된 답변
+20 포인트
2023-12-19 (화) 16:01:34

구문 자체는 맞습니다. 

<?php echo $list[$i]['wr_link1'] === 마감 ? "blue" : "yellow"; ?> 이 부분을 클래스가 나와야 하는곳으로 옮기고 클래스명으로 한번 바꿔보세요

<style>

.link_css01{ background: blue; color:#FFF; }

.link_css02{ background: yellow;}

</style>

  for ($i=0; $i<count($list); $i++) {

   $class= $list[$i]['wr_link1'] =='마감' ? "link_css01" :  "link_css02";

~

?>

<div class="<?php echo $class;?>"><?php echo $list[$i]['wr_link1'];?></div>

Copy
<?php if($list[$i]['wr_link1'] === '마감'){ ?>
<style>.link_css02{background:blue}</style>
<?php } else { ?>
<style>.link_css01{background:yellow}</style>
<?php } ?>
2023-12-19 (화) 16:02:09

그냥 해당 div에다가 스타일 넣어보세요

Copy
<div style="background:<?= $list[$i]['wr_link1'] === 마감 ? "blue" : "yellow";?>">

</div>

이렇게는 해보세요

답변을 작성하려면 로그인이 필요합니다.