我早些时候问过这个问题,但是没有运气。 :(

我有新的WordPress 2.7评论循环,我知道您可以在CSS中简单地添加.odd和.even来获得交替的评论颜色,我已经完成了:

.odd { background: #ccc; color: #000; }
.even { background: #bbb; color: #000; }


但是,我有两种不同的背景-浅色和深色背景-用户可以从选项面板中进行选择。因此,我需要奇数和偶数类的两个不同版本,因此每个类可以具有不同的颜色,因为上述背景色在浅色背景下看起来不错,而在深色背景下则不太好。

但是使用2.7 Comments Loop,代码中实际上没有奇数和偶数类。如果是的话,我会做这样的事情:

$background = get_option('mytheme_background');
if ($background== "option1") { echo '<div class="odd-dark">'; }
if ($background== "option1") { echo '<div class="even-dark">'; }
if ($background== "option2") { echo '<div class="odd-light">'; }
if ($background== "option2") { echo '<div class="even-light">'; }


因此,在代码中实际上没有.odd和.even的情况下,如何在CSS中拥有两个不同的.odd和.even版本?

最佳答案

PHP:

$background = get_option('mytheme_background');
// no more - between class names to use specializations of odd/even in CSS
if ($background== "option1") { echo '<div class="odd dark">'; }
if ($background== "option1") { echo '<div class="even dark">'; }
if ($background== "option2") { echo '<div class="odd light">'; }
if ($background== "option2") { echo '<div class="even light">'; }


和CSS:

/* now specialize 2 variants for each type odd/even * dark/light */
.odd.light { background: #ccc; color: #000; }
.even.light { background: #bbb; color: #000; }
.odd.dark { background: #ccc; color: #000; }
.even.dark { background: #bbb; color: #000; }


尝试这个。

关于php - 使用奇数和偶数类交替注释颜色,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13127742/

10-11 12:04