初めて書き込みさせていただきます。

添付画像のように、トピックスが10個表示されているうちの下7つをCSSで非表示にしたいのですが、うまくいきません。
わかる方がいらっしゃいましたらご教授頂けないでしょうか?
https://dotup.org/uploda/dotup.org2036569.png.html

試したコードは以下になります。
@
.loop-item-3,
.loop-item-4,
.loop-item-5,
.loop-item-6,
.loop-item-7,
.loop-item-8,
.loop-item-9
{
display: none;
}

A
.loop-item-3.user-id-1.bbp-parent-forum-51.even .post-136.topic.type-topic.status-publish.hentry
{
display: none;
}