Как я могу скрыть 2 или 3 дочерний элименты при помощи CSS?

Question

[Djus1]

Есть html код:

<div class="comment-form-rating">
   <label for="rating"></label>
   <p class="stars"></p>
   <p class="stars"></p>
   <select name="rating" id="rating" required style="display: none;">…</select>
</div>

Необходимо скрыть только один ".stars" из дочерних элиментов блока "comment-form-rating", без разницы, первый или второй.

Как я могу это сделать ?

Answer 1

[hzzzzl]

.stars:nth-of-type(2) {
  display: none;
}

https://developer.mozilla.org/ru/docs/Web/CSS/:nth...

Answer 2

[WapSter]

.starts:nth-child(2)

Answer 3

[Steppp]

Выбирай любой

.comment-form-rating p:last-child {
display: none;
}

.comment-form-rating p:first-child {
display: none;
}

.comment-form-rating p:nth-child(1) {
display: none;
}

Answer 4

[Никита Михайлов]

.comment-form-rating .stars:first-of-type {
  display: none;
}

Так уберёшь первый элемент