-2

我为我的网站创建了一个评论系统，我需要一种很好的方法来查看上一条评论的结尾和下一条评论的开始。为此，我坚持将每一行放入两个不同的 div 中，它们的背景色调略有不同。得到它？像这样：

Row 1

第 2 行

row 3

ETC..

但是，我不知道如何实现这种效果。
这就是我们正在使用的：
$db是数据库连接

$query = $db->query("SELECT * FROM comments WHERE post_id='$id'");
while($row = $query->fetch_object()):
    echo "<h5>".$row->name."</h5><br>";
    $strip_comment = strip_tags($row->comment);
    $strip_comment_slashes = stripslashes($strip_comment);
        echo "<blockquote>".$strip_comment_slashes."</blockquote>";
4

2 回答 2

1

您不必为此更改渲染标记，您可以使用 CSS 设置其他所有元素的样式。这样标记仍然只是标记而不是样式。

因此，如果您的标记是这样的：

<div id="container">
    <div>content 1</div>
    <div>content 2</div>
    <div>content 3</div>
    <div>content 4</div>
    <div>content 5</div>
    <div>content 6</div>
</div>

然后你可以为每个其他孩子设置样式div：

div#container div:nth-child(odd)
{
    background-color: grey;
}

例子

于 2013-11-08T19:20:14.500 回答
0

利用 CSS 的神奇力量：

#comments tr:nth-child(odd){
  background-color:#fff;
};

#comments tr:nth-child(even){
  background-color:#ccc;
};

更多资源：

http://www.w3schools.com/cssref/sel_nth-child.asp

http://css-tricks.com/how-nth-child-works/

于 2013-11-08T19:22:53.010 回答