moreタグの中にCSSを反映させるには？/WORDPRESS

質問

はじめまして、この記事をご覧頂きましてありがとう御座います。

早速ですが、質問をさせて頂きたく思います。
現在、WORDPRESSにてウェブページを制作している最中なのですが、当方、記事をあげる際に<more>のタグをよく使います。

そこで問題なのですが、<more>タグを使っている記事自体には、CSSを指定しているのですが、何故か<more>タグを使用した以降の記事（同記事内）にはCSSが反映されないという現象が起きてしまい、困っております。

説明が下手で大変申し訳御座いませんが、この現象の解決方法などを知っている方が居られましたらアドバイスを頂けますと幸いです。
下記、問題部分のcssタグを表記させて頂きます。

＊＊＊
【CSSを反映しているタグ/index】
<div class="storycontent">
<?php the_content(__('(more...)')); ?>
</div>

【CSS】
.storycontent {
line-height: 130%;
padding-top: 1px;
margin-right: 5px;
width: 568px;
overflow: auto;
}

＊＊＊
どうぞ宜しくお願い致します。

回答No.1

noname#140925 · ベストアンサー

とりあえず、ブラウザで表示して、ソースを表示して、該当記事の部分が<div class="storycontent">～</div>の中に正常に納まっている事を確認しては？

投稿している記事か、<?php the_content(__('(more...)')); ?>で行なわれている処理の中のどちらかで、余計な</div>があって<div class="storycontent">が閉じられているのではないかと思いますが。

使用しているテーマは、独自or自身でカスタマイズしたものなのでしょうか？

お礼

skyfang様
御回答誠にありがとう御座います。また、ご返信が大変遅くなってしまいまして誠に申し訳ございません。

主題の件ですが、<div>タグを注意深く探しましたところ、やはり重複して同タグが閉じられておりました。使用しているテーマは自身でカスタマイズしたものですので、自分自身の基本的なタグに関する知識が浅かったものと思います。

この度はご指摘、心より感謝申し上げます。
また、何か分からない点等が出て来ました際に、お知恵を貸して頂けますと幸いです。

ありがとうございました！