Duvida - CSS - Ajuda
Pessoal, boa tarde!
Estou realizando uma aplicação porém surgiu uma dúvida.
Estou com um carrousel de imagem onde uma div que contem uma determinada imagem segue com uma classe "next", porém preciso estilizar a div após essa classe "next".
Considerando "image" e "next" como a classe - Exemplo:
"image" "image next" "image" "image"
Preciso fazer a estilização na "3° image", porém não seria possivel realizar por childen tendo em vista que essas Div's tomam translate e então seriam alteradas as ordens, apenas o next que permaneciaria sempre na 2° div e precisaria estilizar sempre a 3° div.
Existe alguma maneira de eu solicitar a estilização do css selecionando a div "next" + 1 para pegar a div posterior a ela?
A utilização de JS seria facilmente resolvido, porém queria saber se existe a possibilidade de utilizar o css apenas.
Desde já obrigado!
Edit: consegue utilizando o ~ na estilização, porém a estilização acontece em todas as divs posteriores a ela, preciso pegar apenas a 1°, exemplo:
.next ~ image{
}
com child acabou não dando certo.
Edit solução - utilizando o "~" você acaba pegando todas as classes posteriores a condição passada, logo para pegar apenas a posterior a classe desejada foi criado uma nova estilização css, ficando assim:
.next ~ image{
}
.next ~ image ~ .image{
}