Entrar Ainda não tem acesso?
1
resposta

Como estilizar um pseudo elemento usando o styled components?

Referente ao curso React: comece seu projeto full stack, no capítulo Styled Components e atividade Trocando arquivos CSS

por Helton Raniery de Oliveira
| 219.4k xp | 2 posts

Eu tenho uma dúvida. Digamos que eu tenha uma lista com algumas

  • e quero dar um estilo apenas na última
  • .

Com o arquivo scc separado eu faria o seguinte: li:last-child { margin-left: 20px; }

Como eu faria essa mesma coisa usando o styled components?

const linha = styled.licomo estilizar a última linha da <li>?

1 resposta
por Estudante
| 177.3k xp | 195 posts

Boa tarde, Basta utilizar o &:

const linha = styled.li`
  color: red;

  &:last-child{
    color: white;
  }