html
<div id="wrap">
<div class="bonus_box target-home">
<div class="bonus_inner">
<h2 class="bonus_title"><img src="image/m/bonus_h2_img.png" alt="보너스! 당첨확률 높이기"></h2>
<p class="bonus_text"><img src="image/m/bonus_p_img.png" alt="텍스트"></p>
<ul class="bonus_list">
<li><img src="image/m/bonus_list_img01.png" alt=""></li>
<li><img src="image/m/bonus_list_img02.png" alt=""></li>
<li><img src="image/m/bonus_list_img03.png" alt=""></li>
<li><img src="image/m/bonus_list_img04.png" alt=""></li>
</ul>
<p class="bonus_lead-text"><img src="image/m/bonus_lead_text.png" alt=""></p>
</div>
</div>
<div class="target-about" style="width:500px; height:300px"></div>
</div>
scss
$backgrounds: ( home, 'homg.jpg'), ( about, 'about.jpg');
@each $id, $image in $backgrounds{
.target-#{$id} {
background:url( $image );
background-size:100% auto;
}
}
$background에 배열로 저장하고
each문에서 id값으로 이미지 설정