0

这里遇到了一个大问题，这让我一整天都丧命……我想我无法自己解决它，因为我缺乏 CSS 技能。我用谷歌搜索了很多，做了很多试验+错误，但没有任何结果......

我正在构建我的第一个 Wordpress 模板，并想给我的嵌套评论一些“风格”。我的问题是，我不知道如何分配“嵌套评论”特定的 css 细节，因为评论本身只使用基本的评论 css 代码，而不是“嵌套”的！

所以这是我的 HTML 代码

<ol class="commentlist">
        <li class="comments" id="comment-<?php comment_ID(); ?>">
            <div class="commentAvatar"><?php echo $avatarurl["url"]; ?></div>
            <div class="comment" id="comment-<?php comment_ID() ?>">
                <div class="commentmetadata"><span><a href="#"><?php comment_author() ?></a></span> am <?php comment_date('j. F Y') ?> um <?php comment_time('H:i') ?> Uhr</div>
                    <?php comment_text() ?>
                    <?php if ( $comment->comment_approved == '0' ) : ?>
                        <em class="comment-awaiting-moderation">Achtung: Dein Kommentar muss erst noch freigegeben werden.</em>
                        <br />
                    <?php endif; ?>
                    <div class="reply">
                        <?php comment_reply_link( array_merge( $args, array( 'reply_text' => __( 'Reply <span>&darr;</span>', 'xxx' ), 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ); ?>
                    </div><!-- .reply -->
                </div>
            <div style="clear:both"></div>
        </li>
</ol>

这是我的 CSS 代码

.commentlist{
    list-style:none;
    padding:0;
    margin:0;
    width:547px;
}
.comments{
    margin:0 0 15px;
    padding:0 0 15px;
    border-bottom:1px solid #333
}
    .commentAvatar{
        float:left;
    }
        .commentAvatar img{
            border:5px solid #339cdf; 
            border-radius:5px;
            max-width:75px;
            max-height:75px;
        }
    .comment{
        float:left;
        width:527px;
        padding:0 0 0 10px;
    }
    .commentmetadata{font-size:11px;}
    .commentmetadata a {font-size:18px; color:#f7941d; text-decoration:none}
    .commentlist ul.children{
        list-style:none;
        padding:0 0 0 35px;
        margin:0;
    }
        .commentlist ul.children li.comments .comment{
            float:left;
            width:492x;
            padding:0 0 0 10px;
        }
        .commentlist ul.children ul.children{
            list-style:none;
            padding:0 0 0 65px;
            margin:0;
        }

奇怪的是，ul.children ul.children for 确实有效，但 ul.children li.comments .comment 不...

嵌套评论区已激活；）

感谢您对此的任何帮助！

4

2 回答 2

1

要将样式分配给嵌套注释，您应该可以使用此选择器来完成：

.commentlist li li {}
于 2012-04-18T12:44:37.080 回答
0

如果你想覆盖 wordpress 的默认样式，可以在 Css 中试试这个。

.anyclass

{
    color:#F00 !important;
}

尝试在任何类中实现它

!important 将覆盖之前定义的所有 Css 样式

或者你可以试试这个

找出您要更改的标签的附近班级

例如。

你好

所以你也可以这样改变

.主跨度

{
   color:#F00 !important;
}

希望它能解决你的问题

于 2012-04-18T04:49:18.403 回答