php - 调整 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; }

所以重申一下，我只想能够对中间的 div 应用不同的颜色。

网站地址:

谢谢您，我们将不胜感激!

Answer 1

我认为最简单的方法是更改​​这一行:

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

到

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

这将为每个 div 提供不同的类(service-1、service-2 和 service-3)，您可以设置样式分别。