Question

我想更改包含的部分中每个第二个元素的CSS类。这是我想要的输出的代码示例：

<p class="rec"></p>
<p class="sent"></p>
<p class="rec"></p>
<p class="sent"></p>

这是我到目前为止所尝试的：

<?php $derp = (isset($derp) && $derp == 'rec') ? 'sent' : 'rec'; ?>
<p class='<?php echo $derp; ?>'>
//CONTENT
</p>

我需要帮助才能实现这一目标。我不想使用 nth-child 选择器或JavaScript来更改类。

//更新：

    @forelse($statuses as $status)
        @include('statuses.partials.status')
    @empty
    <div class="notif blue">
        <span>This user hasn't yet posted a status.</span>
        <span class="icon icon-info-sign"></span>
    </div>
    @endforelse

部分得到这样的循环。

Answer 1

您可以使用nth-child选择器以及even和odd参数为此使用纯CSS。在CSS文件中，只需添加：

p:nth-child(odd) {
    // This is the odd element so 1, 3, 5, .. element
}
p:nth-child(even) {
    // This is the even element so 2, 4, 6, .. element
}

Answer 2

现在正在运作。我必须将代码保留在包含的部分之外，而不是部分本身。这有所不同！无论如何，仍然欣赏给定的帮助！

如何使用PHP更改每个第二个元素类？

2 个答案: