Executando verificação de segurança...
1
zDnA
1 min de leitura ·

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{
}

Carregando publicação patrocinada...
1

talvez vc tenha que mudar sua abordagem, pelo que eu entendi esse next é adicionado dinamicamente certo? se sim você pode adicionar uma classe ao próximo como after-next por exemplo

2

É uma page de Wordpress com estilização exclusiva por isso fazer adição de classes acabou sendo inviavel, tendo em vista que são geradas automaticamente.

Acabei conseguindo fazer funcionar com uma gambiarra kkkkk.

mas obrigado mesmo assim.

1