1

长期读者第一次海报。我最近为 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 应用不同的颜色。

网站地址：

谢谢你，任何帮助将不胜感激！

4

1 回答 1

0

我认为最简单的方法是更改​​此行：

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

于 2013-09-08T13:35:58.060 回答