如何在php for循环中更改第二个“ul”元素的背景颜色?

时间:2018-01-22 12:26:50

标签: php css

我不是php程序员,但需要在PHP代码中更改一些看起来如下的内容:

{% for recent_topics in loops.recent_topics %}
{% if not recent_topics.S_TOPIC_TYPE_SWITCH and not recent_topics.S_FIRST_ROW %}
</ul>
</div>
</div>
</div>
{% endif %}

{% if recent_topics.S_FIRST_ROW or not recent_topics.S_TOPIC_TYPE_SWITCH %}
<a class="category{% if S_EXT_COLCAT_HIDDEN %} hidden-category{% endif %}" style="display: none; height: 0"></a>
<div id="recent-topics-box" class="forabg recent-topics">
<div class="inner">
<ul class="topiclist">
    <li class="header">
        <dl class="row-item">
            <dt><div class="list-inner">{{ lang('RECENT_TOPICS') }}</div></dt>
            <dd class="posts">{{ lang('REPLIES') }}</dd>
            <dd class="views">{{ lang('VIEWS') }}</dd>
            <dd class="lastpost"><span>{{ lang('LAST_POST') }}</span></dd>
        </dl>
        <a href="{{ U_EXT_COLCAT_COLLAPSE_URL }}"
           class="collapse-btn collapse-{% if S_EXT_COLCAT_HIDDEN %}show{% else %}hide{% endif %}"
           data-hidden="{{ S_EXT_COLCAT_HIDDEN }}"
           data-ajax="phpbb_collapse"
           data-overlay="true"
           title="{{ lang('COLLAPSIBLE_CATEGORIES_TITLE') }}"
           style="display: none; line-height: 0;"></a>
    </li>
</ul>

这是phpBB论坛软件扩展代码的一部分。该论坛如下:

enter image description here

我需要更改第二个“ul”列表标题的背景(下方)。

关键点在CSS文件中,该文件位于我使用的主题中:

ul.topiclist  {
    background-color: #6AC07D;
}

问题是论坛中的所有“ul”标题都是绿色的,因为在CSS文件中设置了扩展名中的“ul”标题。

1 个答案:

答案 0 :(得分:0)

显然有一个recent-topics-box div包装你想要的内容,所以你可以使用它,然后在你的CSS中添加另一种样式:

#recent-topics-box ul.topiclist {
  background-color: #222;
}

通过这样做,您可以在定制此特定用途的同时保留topiclist的所有其他用途。