HTML & CSS - CSS Nesting Passo a Passo: Simplifique seu Código e Evite Erros

Quer saber mais sobre o nosso Curso Completo de HTML e CSS? Clique no link abaixo para garantir sua vaga na próxima turma: https://dlp.hashtagtreinamentos.com/html-css/espera/impressionador?origemurl=hashtag_yt_org_listaesperahc_CnMc-SkIcpI PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS: https://pages.hashtagtreinamentos.com/inscricao-minicurso-basico-html-css2?origemurl=hashtag_yt_org_minihtmlcss_CnMc-SkIcpI ----------------------------------------------------------------------- ► Arquivos Utilizados no Vídeo: http://pages.hashtagtreinamentos.com/arquivo-htmlcss-11mRC-SH_E-Cy_ljVl4ioKcB2hAIShrHa?origemurl=hashtag_yt_org_planilhahc_CnMc-SkIcpI ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/css-nesting-html-e-css ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt ----------------------------------------------------------------------- Você já ouviu falar em CSS Nesting ou Aninhamento em CSS? Hoje eu vou te explicar o que é isso e como isso pode simplificar os seus códigos em CSS. A ideia é de fato juntar algumas informações para que fiquem mais fáceis de serem escritas e lidas pelos usuários. Além disso, você vai notar que o seu código vai ficar mais organizado utilizando esse recurso. Vou te mostrar com um exemplo prático o que é o CSS Nesting e como você pode aplicar isso nos seus projetos. Vamos utilizar um projeto que já fizemos aqui no canal, assim você conseguirá notar que na sua página não vai ter nenhuma alteração, mas o seu código fica mais limpo! ----------------------------------------------------------------------- Vídeos Recomendados ► Curso Básico de HTML e CSS https://www.youtube.com/watch?v=vtX9BzESWnQ&list=PLpdAy0tYrnKwmcenKePWr9TQ9deRanAr7&pp=iAQB ► Como Baixar e Configurar o VSCode para HTML e CSS https://youtu.be/WyXcfCPlIlk ----------------------------------------------------------------------- Hashtag Programação ► Inscreva-se em nosso canal: http://bit.ly/3c0LJQi ► Ative as notificações (clica no sininho)! ► Curta o nosso vídeo! ----------------------------------------------------------------------- Redes Sociais ► Blog: https://bit.ly/2MRUZs0 ► YouTube: http://bit.ly/3c0LJQi ► Instagram: https://bit.ly/3o6dw42 ► Facebook: http://bit.ly/3qGtaF2 Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de HTML e CSS para que você consiga se desenvolver nessa linguagem de programação e criar seus próprios projetos! ----------------------------------------------------------------------- Conteúdo da Aula 00:00 Introdução 02:30 O que é CSS Nesting (CSS aninhado) 03:40 Como transformar em CSS aninhado 04:44 Outra forma de criar o Nesting no CSS 05:18 Seleção com o aninhamento (nesting) 08:10 Reescrevendo o código com CSS aninhado 08:58 Disponibilidade do CSS Nesting 11:22 Reescrevendo o código com CSS aninhado 16:32 Conclusão #htmlecss #htmlcss #html #css #hashtagprogramacao