html - 特定のクラスの最後の子が機能していません

Question

last-childセレクターを使用して最後divのスタイルを設定する方法を誰か教えてもらえますsubsか?

これは私の HTML です -

<div class="main">
  <div class="subs"></div>
  <div class="subs"></div>
  <div class="subs"></div>
  <div class="subs"></div>
  <div class="paginate"></div>
</div>

CSSでこのようなことを試しました-

div.main div.subs:last-child {
   border: none;
}

しかし、うまくいきません。paginatedivを削除すると、機能しています。subsそれで、余分なIDやクラス宣言なしで最後のdivをスタイルする方法を知ることができますか.

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

Answer 1

私があなたを正しく理解していれば、私はこのようにします。

.main .subs:nth-child(4)
{
     border:none;
}