Pare de chutar e domine o nth-child (e similares) de uma vez por todas

Поделиться
HTML-код
  • Опубликовано: 26 янв 2025

Комментарии • 38

  • @serliv
    @serliv  3 года назад +2

    Quer conhecer meu curso web design fundamentos, onde ensino HTML, CSS e o básico de javascript? Clique no link serfrontend.com/cursos/web-fundamentos-html-css/index.html

  • @rubenszimmermann1072
    @rubenszimmermann1072 Год назад +1

    Show de aula amigão. Estou baixando todas as suas aulas. Sua didática é ótima. Parabéns e muito obrigado.

    • @serliv
      @serliv  Год назад

      baixando? baixando de onde? kkkk

  • @Bolsonaro_em_Haia
    @Bolsonaro_em_Haia 6 месяцев назад

    Excelente. Outro vídeo bem informativo. Eu nem havia me dado conta de que existia a contagem "last", tampouco de que a filtragem considera também o tipo de etiqueta mas a contagem não considera as classes.

  • @ricardocollinjunior4827
    @ricardocollinjunior4827 3 года назад +4

    De todos os professores que acompanho , a sua didática é a melhor disparado !!!! Sucesso

    • @serliv
      @serliv  3 года назад

      Muito obrigado Ricardo 😊🤗 muito feliz com seu feedback

  • @Kapthos
    @Kapthos 2 года назад +1

    Eu achava que vc tinha que indicar a tag pai junto com o pseudo seletor, nesse primeiro caso eu achei que seria...."div:nth-child(x)" já que eu quero selecionar o filho X da div e não dizer que eu quero selecionar o filho "X" que se enquadra naquele type (p nesse caso).
    Sou novo na programação e seu canal ta me ajudando muito. Esse canal merece muito mais sucesso! :D

    • @serliv
      @serliv  2 года назад

      Muito obrigado Juan. E que bom que ajudou a esclarecer esse assunto. Forte abraço

  • @gabrielluizreis
    @gabrielluizreis 2 года назад +1

    Cara o last-child me salvou rsrsrs, eu tenho um relatorio que tem varias tabelas e utilizo um componente global montar as mesmas, porém algumas tem um subtitulo e outras não, e em casos que possuem subtitulo o bacgrund é diferente, ai usando o last-child consegui aplicar da forma correta, muito bom o video e didatica, parabéns!

    • @serliv
      @serliv  2 года назад

      Muito obrigado Gabriel. Forte abraço

  • @deegas
    @deegas 2 года назад

    Olha, nao conseguia o seu canal e tive uma duvida sobre nth:child(2n) e que explicação boa a sua. Parabens. Ganhou mais um seguidor

    • @serliv
      @serliv  2 года назад

      Obaaa. Obrigado Dee Rodrigo. Abração

  • @brunoxepabr
    @brunoxepabr 2 года назад

    Explicação e didática melhor que muitos cursos renomados por aí! Parabéns pelo conteúdo e pelo bom trabalho!

    • @serliv
      @serliv  2 года назад

      Eu que agradeço pelo feedback e carinho Bruno. Abração

  • @tonycarlos4538
    @tonycarlos4538 3 года назад +1

    Obrigado por mais essas dicas professor. Parabéns!

    • @serliv
      @serliv  3 года назад +1

      Eu que agradeço pela força Tony. Abração

  • @kleberkibe
    @kleberkibe Год назад

    Sensacional esse vídeo hein !!!!! 2 palavras: Para-béns.

    • @serliv
      @serliv  Год назад +1

      Boa Kleber. Muito obrigado pelo feedback. Valeu mesmo. Abra são 🤣

  • @LucasPiresSCCP
    @LucasPiresSCCP 2 года назад

    Muito esclarecedor professor, estava quebrando a cabeça pra entender isso e você explicou de forma bem tranquila e clara! Muito bom.

    • @serliv
      @serliv  2 года назад +1

      Muito obrigado pelo feedback Lucas. Forte abraço

  • @josimarmiranda9722
    @josimarmiranda9722 Год назад

    Daniel, acrecentei a propriedade border-bottom: 1px solid blue no p:nth-child(odd) e também apareceu a borda em baixo do lorem (par).

    • @serliv
      @serliv  Год назад

      Não sei responder pq preciso ver o código, mas garanto que o odd seleciona apenas números ímpares

  • @ninguem6879
    @ninguem6879 Год назад

    Muito obrigado pelo video! Estou aprendendo css e não consigo entender alguns conceitos apenas lendo

    • @serliv
      @serliv  Год назад

      Eu que agradeço pela mensagem. Se tiver dúvidas, pode mandar aqui. Eu também tenho uma playlist bem completa sobre HTML e CSS aqui no youtube que aborda o css do básico até coisas intermediárias para o avançado. Dá uma conferida lá se você quiser

  • @WeulerdeOliveiraVieira
    @WeulerdeOliveiraVieira 21 день назад

    Simplificou mesmo obrigado pelo vídeo.

  • @adri2884
    @adri2884 2 года назад

    Brabo apenas

    • @serliv
      @serliv  2 года назад

      Valeu Adri... abração

  • @pedrocunha1062
    @pedrocunha1062 Год назад

    sobre nth-of-type
    se eu tiver uma div com a mesma classe que um paragrafo, por exemplo, como fica a resolução?

    • @serliv
      @serliv  Год назад

      faça um teste e olhe com seus próprios olhos. coloque no seu html um paragrafo com uma classe "teste". Depois coloque um div sem classe, depois coloque uma div com a classe "teste". Depois coloque um paragrafo com a classe "teste". Mude algo nos seguintes seletores:
      - p:nth-of-type(1),
      - p:nth-of-type(2),
      - div:nth-of-type(1),
      - .teste:nth-of-type(1) {

  • @devmoraes
    @devmoraes Год назад

    Show amigo

    • @serliv
      @serliv  Год назад

      Muito obrigado

  • @igormdrsr
    @igormdrsr 2 года назад

    Professor, esse tipo de seletor não seria muito abrangente? Há algum exemplo prático pra ilustrar melhor quando usar essa ferramenta?

    • @serliv
      @serliv  2 года назад +1

      de bate e pronto eu não sei dizer. Mas é bom ter conhecimento de sua existência para uma possivel necessidade

  • @diegocammilo_
    @diegocammilo_ 3 года назад

    Que aula!!

    • @serliv
      @serliv  3 года назад +1

      Obrigado Diego. Muito feliz que tenha gostado

  • @017chestera
    @017chestera Год назад

    Mto bom

  • @philos22
    @philos22 Год назад

    quem tiver dúvida ainda só estudar sobre conjuntos.