Question

使用新的WordPress 2.7评论循环，我知道您可以简单地将.odd和.even添加到您的CSS中以获得交替的样式，我已经完成了：

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

但是，我有两种不同的背景 - 浅色和深色 - 用户可以从选项面板中选择。因此我需要两个不同版本的奇数和偶数类，所以我可以为每个颜色设置不同的颜色，因为上面的背景颜色在浅色背景下看起来不错，但对黑暗颜色不太好。

但是使用2.7注释循环，奇数和偶数类实际上并不存在于代码中。如果他们是，我会做这样的事情：

$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版本？

Answer 1

迟来的回应，但对于其他任何绊倒它的人......

更容易解决这个问题的方法就是反过来看待它。不要在每个必需的html元素中添加主题选项名称，只需在包含元素中添加单个类名称。

例如，在给定的示例中，您可以将“dark”添加到文档body中的类列表中 - 然后所有与“黑暗主题”相关的样式属性将是宣布如此：

body.dark div.odd  { ... }
body.dark div.even { ... }

这样你：

在您的标记

膨胀

让您的CSS逻辑更具可读性
确保一致的命名惯例

使用新的WordPress 2.7评论循环替换奇数和偶数评论样式

1 个答案: