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），您可以单独设置样式。

调整PHP代码以适应第二个div

1 个答案: