여분필드 값에 따라 css 적용방법 질문드립니다.
본문
wr_link1 에 셀렉트로
진행중 / 마감 2가지 값을 받게 하였습니다
style이 진행중일때 link_css01 이 적용되고
마감 일때 link_css02 가 적용되게 할수 있을까요?
검색해보니
<style>
.my-color { background:<?php echo $list[$i]['wr_link1'] === 마감 ? "blue" : "yellow"; ?>;
}
</style>
이 소스가 있어서 적용했는데 잘 안되네요
답변 4
구문 자체는 맞습니다.
<?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>
그냥 해당 div에다가 스타일 넣어보세요
<div style="background:<?= $list[$i]['wr_link1'] === 마감 ? "blue" : "yellow";?>">
</div>
이렇게는 해보세요
<?php if($list[$i]['wr_link1'] === '마감'){ ?>
<style>.link_css02{background:blue}</style>
<?php } else { ?>
<style>.link_css01{background:yellow}</style>
<?php } ?>
답변을 작성하시기 전에 로그인 해주세요.