0

ここで大きな問題が発生し、1 日が無駄になりました... 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 に答える