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.
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;
}