Question

我有一些评论样式。但是，如果服务器发送null，则div标签将需要不同的（no）样式。

在CSS（最好）中执行此操作的最佳方法是什么？比如有没有办法在CSS ???

中做不为空

<div class="comments"><?php echo $comment; ?></div>


.comments{
    color: #CD3134;
    padding: 10px;
    float: right;
    border-style: dashed;
    border-color: #FF0000;
    width: 200px;
}
.comments:empty{
    border-style: none;
    border-color: none;
    clear:both;
}

Answer 1

我相信您可以使用以下内容否定:empty伪选择器：

.comments:not(:empty) { }

如果没有评论，另一种方法是在div中添加一个类。

<?php
$commentclass = $comments == '' ? 'nocomments' : '';

<div class="comments <?php echo $commentclass; ?>"> <?php echo $comment; ?></div>

.comments{
    color: #CD3134;
    padding: 10px;
    float: right;
    border-style: dashed;
    border-color: #FF0000;
    width: 200px;
}
.comments.nocomments{
    border-style: none;
    border-color: none;
    clear:both;
}

css空选择器中的声明不适用于div类

1 个答案: