No exemplo dado em aula, foi falado sobre selecionar um parágrafo após uma imagem (o elemento "irmão") utilizando:
img + p {
background: blue;
}No entanto, temos outras imagens com parágrafos abaixo delas, por exemplo no rodapé.
Como fazer para resolver isso? Se eu quero aplicar as configurações para um parágrafo único.
hoje, com a Alura e o Google Gemini
Olá Rafaela, tudo bem?
Para solucionar isso, você pode colocar uma classe no elemento ou você pode deixar isso mais espécifico.
exemplos:
.imagem + p {
...
}
/*ou*/
.pai img + p {
...
}
Salve Rafaela, pode-se utilizar do pai da img ,com este código apenas a img dentro da section é selcionada e consequentemente apenas o parágrafo após a img é modificado:
section > img + p{
background-color: blue;
}