Как использовать свойство nth-child?

Question

[NeTLeaDeR]

Вёрстка:

<div class="review_container">
    <div class="review"></div>
    <div class="review"></div>
    <div class="review"></div>
    <div class="review"></div>
    <div class="review"></div>
    <div class="review"></div>
</div>

CSS:

.review_container:nth-child(n+4) {
		display: none;
	}

Мне нужно скрыть все элементы, после 4го. Вроде как должно работать, но почему-то не работает

Answer 1

[Rsa97]

Ваша запись соответствует элементу с классом .review_container, который является четвёртым или более потомком родительского элемента.
Нужно

.review_container div:nth-child(n+5) {
    display: none;
}

Comments

[AngReload]

вместо div лучше было указать класс

.review_container .review:nth-child(n+5) {
  display: none;
}