css slector jquery: как выбрать первое вхождение класса после определенного класса

Question

У меня есть следующий html

<ul class="main"> ... </ul>
<div class="submain">...</div>  --> select this
<div class="submain">...</div>
<div class="submain">...</div>

...

<ul class="main"> ... </ul>
<div class="submain">...</div>  --> select this
<div class="submain">...</div>
<div class="submain">...</div>

Как выбрать все первые подосновные элементы после main.

Answer 1

Как сказал Code Maniac - используйте комбинатор «+» для выбора соседних братьев и сестер.От меня я дам вам ссылку на документы о том, как работают CSS-комбинаторы: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors#Combinators

Answer 2

Вы можете сделать это следующим образом

Для этого случая вам нужно выбрать родного брата класса, чтобы этого можно было достичь с помощью селектора +.

The element+element selector is used to select elements that is placed immediately after (not inside) the first specified element. Вы можете прочитать больше здесь Смежный брат и сестра комбинатор

.main + .submain{
  color:green;
  background:'blue';
}

<ul class="main"> ... </ul>
<div class="submain">Selected</div>  --> select this
<div class="submain">...</div>
<div class="submain">...</div>

...

<ul class="main"> ... </ul>
<div class="submain">Selected</div>  --> select this
<div class="submain">...</div>
<div class="submain">...</div>