从数据库中提取评论后，您如何设置评论的样式？答案

【问题标题】：How do you style comments after they are pulled out of a database?从数据库中提取评论后，您如何设置评论的样式？
【发布时间】：2010-07-20 05:57:38
【问题描述】：

您可以在我的网站上发表评论，但我不确定如何使用 CSS 设置它们的样式。我记得读过一些关于使用 ul 和 li 标签的内容，但我无法弄清楚。我希望每个单独的评论都有一个边框、背景颜色等。这是 PHP：

$query = "SELECT * FROM catharsis";
$result = mysql_query($query);
$num = mysql_numrows($result);

mysql_close();
echo "<h4><center>Let it out.</center></h4>";

$i = 0;
while ($i < $num) {
    $name = mysql_result($result,$num - $i,"message");
    echo "$name<br>";
    $i++;
}

我想弄清楚的是如何编写代码，以便我可以为echo "$name<br>"; 提供一个类，从而使用 CSS 为我的 cmets 设置样式。

【问题讨论】：

我更改了代码的格式，以便更容易快速阅读（这往往会为您提供更好的答案）并删除了 comments 标签（因为您的问题与 @987654324 的任何样式有关@ 和 comments 似乎暗示代码注释。

标签： php html css

【解决方案1】：

做：

echo '<ul class="comments">';

for($i = 0; $i < $num; $i++) {
    $name = mysql_result($result,$num - $i,"message");
    echo "<li>$name</li>";
}

echo '</ul>';

然后你可以用这个 CSS 设置样式：

ul.comments li {
 // style goes here
}

您可能还想重新设置ul.comments 的样式，因为我怀疑您是否想要默认值。

或者，您可以只使用<ul> 并将每个<li> 变成<li class="comment">

【讨论】：

【解决方案2】：

您需要在 CSS 中同时设置 <UL> 和 <LI> 元素的样式。当您回显它们时，您将从一个无序（项目符号）列表<UL> 开始，每个新评论都是 <LI>My nifty comment</LI>。您可以使用

设置 UL 样式，使其没有项目符号

list-style-type: none;

【讨论】：