奇数偶函数未在循环中为我的帖子分配类

时间:2018-07-17 21:10:55

标签: css wordpress

我正在尝试对wordpress循环中的奇数和偶数帖子设置不同的样式。在多个网站和论坛上,我一直看到以下代码:

function oddeven_post_class ( $classes ) {

    global $current_class;
    $classes[] = $current_class;
    $current_class = ($current_class == 'odd') ? 'even' : 'odd';
    return $classes;

}

add_filter ( 'post_class' , 'oddeven_post_class' );

global $current_class;

$current_class = 'odd';

但这不起作用。当我检查时,没有奇数或偶数分配给我的帖子。

实时网站:http://www.acetronaut.com

1 个答案:

答案 0 :(得分:1)

您似乎正在尝试将自己的帖子标记为奇数甚至是样式。

即使有可能在php(当您遍历帖子时)和JavaScript中都做到这一点,但依靠DOM结构,我个人更喜欢在应进行样式设置的地方这样做:在CSS中,尤其是因为为此有一个特殊的选择器:nth-child()

在您的情况下,这是一个CSS示例,它将更改首页上奇数帖子的外观:

.acetronaut-rem-fi:nth-child(2n) .acetronaut-post-content-rem {
    background-color: #212121;
    color: white;
}
.acetronaut-rem-fi:nth-child(2n) .acetronaut-post-content-rem * {
    color: white;
}

“键”部分为:nth-child(2n)

这是呈现方式: enter image description here