Настройка php-кода для размещения второго div

Question

долгое время читатель впервые плакат. Недавно я загрузил тему для Wordpress, и я пытаюсь ее редактировать, но у меня возникают трудности. Я знаю немного css, но php немного отличается от моих возможностей. Так что в любом случае у меня есть 3 исключения страниц, которые отображаются на главной странице. Я хотел бы дать им разные цвета фона. Мне удалось дать первые два одинакового цвета, а последний - другой. Я хотел бы дать среднему другой цвет, но я не знаю, как это сделать. Кажется, что управление div управляется через php. Вот код PHP:

 <?php if (get_option('chameleon_display_blurbs') == 'on'){ ?> 
     <div id="services" class="clearfix"> 
      <?php for ($i=1; $i <= 3; $i++) { ?> 
       <?php query_posts('page_id=' . get_pageId(html_entity_decode(get_option('chameleon_home_page_'.$i)))); while (have_posts()) : the_post(); ?> 
        <?php 
         global $more; $more = 0; 
        ?> 
        <div class="service<?php if ($i == 3) echo ' last'; ?>"> 

А вот код CSS:

#services { margin-bottom: 40px; } 
      .service { float: left; width: 244px; margin-right: 66px; background:#000; }  .last { margin-right: 0px; background:#0F0; } 

Так просто повторить, я просто хочу, чтобы иметь возможность применить другой цвет к срединным делам.

адрес веб-сайта:

Спасибо и любая помощь будет высоко ценится!

Answer 1

Я думаю, что самый простой способ был бы изменить эту строку:

<div class="service<?php if ($i == 3) echo ' last'; ?>"> 

к

<div class="service<?php if ($i == 3) echo ' last'; ?> service-<?php echo $i; ?>"> 

Это даст каждому Диву другой класс (service-1, service-2 и service-3), которые вы можете стиль отдельно.