Скрыть все элементы с повторяющимися именами классов, кроме первого с CSS

Question

У меня есть al oop, отображающая некоторую разметку с динамическими c именами классов. Можно ли скрыть все элементы с повторяющимся именем класса, кроме первого экземпляра? Например, ниже я хотел бы, чтобы только первый .SomethingDynamic1 и первый .SomethingDynamic2 были видны.

Я думаю, что я мог бы использовать селектор атрибута div[class^="group"] «начинается с» для достижения этой цели, но могу ли я сопоставить текст Dynami c после этого и отфильтровать дубликаты? Я бы предпочел решение на CSS, если это возможно.

<div class="group-SomethingDynamic1">
<div class="group-SomethingDynamic1">
<div class="group-SomethingDynamic1">
<div class="group-SomethingDynamic1">
<div class="group-SomethingDynamic2">
<div class="group-SomethingDynamic2">
<div class="group-SomethingDynamic2">
<div class="group-SomethingDynamic2">

Answer 1

Обновление (кредит @Temani Afif)

Если вы хотите решение только для CSS, вам нужно знать заранее классы для фильтрации.

Учитывая это, вы можете просто использовать селектор братьев и сестер, подобный следующему:

.group-SomethingDynamic1 ~ .group-SomethingDynamic1 {
    display: none;
}

Вот пример stackblitz