メインのカテゴリーページの「最新投稿」列の下部にあるボーダーを削除する必要があります。
以下のコードでは機能しません:
div.latest-topic-list-item:last-child {border-bottom-style: none;}
何らかの理由で、このリストだけがテーブル構造ではなく、単なるDIVで構成されているため、CSSでのスタイリングがより困難になっています。
メインのカテゴリーページの「最新投稿」列の下部にあるボーダーを削除する必要があります。
以下のコードでは機能しません:
div.latest-topic-list-item:last-child {border-bottom-style: none;}
何らかの理由で、このリストだけがテーブル構造ではなく、単なるDIVで構成されているため、CSSでのスタイリングがより困難になっています。
Instead of last-child (which it isn’t) try going backwards skipping one. eg.
#list-area .categories-and-latest .column .latest-topic-list .latest-topic-list-item:nth-last-child(2) {
background-color: #f00; }
I imagine at least half of those selectors can be safely removed, but I’ll leave it to you to do the tweaking.
yes, it works! thank you so much @Mittineague.
.latest-topic-list-item:nth-last-child(2) {border-bottom-style: none;}
.latest-topic-list セレクターは現在も利用可能ですか?ホームページ(「最新」ビューのみ)から特定の投稿を CSS で非表示にしたいのですが(長い話になりますが)、ホームページのみをターゲットにするセレクターが見つからず困っています。
これは機能しますが、他のビューの投稿も隠してしまいます:
[data-topic-id="123"] {
display: none;
}
以下のようなものが理想的ですが、ページ上に .latest-topic-list セレクター(または最新トピックビュー固有のセレクター)が見当たりません:
.latest-topic-list [data-topic-id="123"] {
display: none;
}