No exemplo do vídeo com a propriedade :before e :after tem uma lista com marcadores diferentes, como seria estilizado pra ficar assim?
4
respostas
respostas
Imagens diferentes para cada linha
Oi Camila, tudo certo?
Consegue dissertar um pouco mais sobre a sua duvida por favor?
Voce diz com relacao aos elementos graficos quase no fim do video? Se sim, basta colocar a seguinte declaracao:
content: url(caminhodaImagem.jpg)
Igual fazemos normalmente com o bg-image.
Espero ter ajudado,
Abcs!
Nos 9:27 aparece uma lista
(coração)------------------------------- (nuvem)--------------------------------- (lua)--------------------------------------
tem como fazer desse jeito, tipo um marcador em cada linha sem ser colocando classe, só usando os pseudoelementos e as pseudoclasses?
Oi Camila,
Tem sim! Como voce selecionaria o segundo elemento de uma lista? nth-child!
Bastaria usar ele junto com o before/after!
Sempre da umas testadas em suas suposicoes com front-end, ai se funcionar beleza, se nao funcionar voce pergunta aqui no forum ou pesquisa como fazer.
Fiz esse Jsbin aqui brincando em juntar pseudoclass and pseudolement.
Espero ter ajudado e bons estudos,
Abcs!