php - 如何根据php条件显示不同的css样式

Question

基本上，我为用户提供了一个赞成票或反对票按钮。当用户点击赞成票或反对票时，相应的按钮会根据用户输入发生变化。

我的问题是，当用户刷新页面时，如何显示用户对哪个帖子投了赞成票或反对票？

这是我的代码:

<?php
if(user_upvoted){
?>
    <style>
    .button<?php echo $button_id;?>
    {//css for upvote}
    </style>
<?php
}
else if(user_downvote){
?>
    <style>
    .button<?php echo $button_id;?>{//ccs for downvote}
    </style>
<?php
}
?>

这是我的按钮代码:

while($row=$query -> fetch(PDO::FETCH_ASSOC))
$nid = $row['nid'];
{
    <button class="button<?php echo $nid;?>" id="<?php echo $nid ; ?>" name="up">
}

这行得通，但是这段代码看起来太脏了，如果您明白我的意思的话，感觉不对。 PS:这也是在 php while 循环中，这就是为什么这是我尝试的方法。 执行此操作的更清洁方法是什么

Answer 1

您可以编写如下代码:

<?php
while($row=$query -> fetch(PDO::FETCH_ASSOC))
{
    $nid = $row['nid'];
    // Write your logic here for $user_upvoted and $user_downvote variable

    $btnExtraClass = '';
    if($user_upvoted){
    $btnExtraClass = 'button_upvote';
    } 
    if($user_downvote){
    $btnExtraClass = 'button_downvote';
    }
?>
<button class="button<?php echo $nid;?> <?php echo $btnExtraClass;?>" id="<?php echo $nid ; ?>" name="up">
<?php
}
?>

然后单独编写您的 CSS 规则。

<style>
.button_upvote {......}
.button_downvote {......}
</style>