PHP 打印； Css 仅适用于数据库的第一行

Question

需要帮助。我试图在我的页面上显示读者评论。评论保存在数据库 (MySQL) 中。我使用了 printf(String, args1,args2) 并在上面添加了一些 css 样式。奇怪的是，CSS 仅适用于第一条评论。

if ($conn = mysqli_connect("$servername", "$username", "$password", "$dbname")){
    $sql = "SELECT * FROM kommentare ORDER BY datum DESC";
    $ergebnis = mysqli_query($conn, $sql);
    while ($zeile = mysqli_fetch_object($ergebnis)){
        **$format = "<p><span id='ueberschrift'>%s<span/>&nbsp;<span id='writer'><a href='mailto:%s'>%s<a/> schrieb am:%s<span/><p/>
             <p id='kommentare'>%s<p/><hr/>";
        printf($format,
               htmlspecialchars($zeile->ueberschrift),     
               urlencode($zeile->email),
               htmlspecialchars($zeile->name),
               htmlspecialchars(date("d.m.Y, H:i", $zeile->datum)),

               nl2br(htmlspecialchars($zeile->kommentar))
              );**
    }
} else {
    echo "Fehler: ".  mysqli_connect_error(). "!";
}    

#writer{
    font-weight: normal;
    float:right;   
}

 #ueberschrift {
       font-weight: bold;
       font-size: 14px;
}

float:right 仅适用于第一条评论(数据库的最后一行) 我做错了什么？这是一个 image of the page .

Answer 1

尝试使用

<span class ='ueberschrift'
<span class ='writer'

不

<span id ='ueberschrift'
<span id='writer'

每个 id 应该是唯一的，并且在每个 html 文档中只出现一次。类可以出现多次。

CSS 将是:

.writer{
    font-weight: normal;
    float:right;   
}

 .ueberschrift {
       font-weight: bold;
       font-size: 14px;
}

https://css-tricks.com/the-difference-between-id-and-class/