É possível usar Modificadores BEM com CSS Nesting Nativo através de uma técnica muito interessante. Vem aprender como faz!
BEM é, possivelmente, a convenção de nomes de CSS mais conhecida e usada no mundo todo. A noção de Bloco, Elemento e Modificador já faz parte do dia-a-dia de muitos front-end designers.
Mais recentemente, CSS também trouxe uma feature muito aguardada: o CSS Nesting nativo.
Durante muito tempo, foi possível usar pré-processadores (especialmente Sass) para trabalhar com aninhamento + BEM para tornar o código mais estruturado, mas, com o advento do aninhamento nativo de CSS, as coisas devem ser diferentes.
Já que não é possível usar a mesma sintaxe ao usar CSS Nesting nativo para Modificadores de BEM, é preciso recorrer a uma sintaxe alternativa, uma técnica bastante interessante que vai permitir que esse combo seja possível nativamente.
Conheça essa técnica para usar Modificadores BEM com CSS Nesting Nativo e saiba como, usando recursos simples de CSS, é possível obter um código mais enxuto, estruturado e profissional.
➡️ Namespaces CSS para Front End mais Semântico e Profissional
https://youtube.com/live/24inN5LDO3M?...
➡️ BEM: A Convenção CSS Para Um Front End Muito Melhor
• BEM: A Convenção CSS Para Um Front En...
➡️ CSS Nesting: Minha Opinião Sincera
• CSS Nesting: Minha Opinião Sincera
==========
📷 Equipamentos usados para gravar este vídeo
Sony Alpha a6400: https://amzn.to/3LZ9Zkv
Cartão 128GB Extreme PRO SDXC: https://amzn.to/3rqVPRg
Tripé Weifeng WT6734: https://amzn.to/3LYWUb4
==========
Assine o canal! http://bit.ly/dpw-youtube
Facebook: / desenvolvweb
Instagram: / desenvolvweb
Twitter: / desenvolvweb
Conheça o blog desenvolvimento para web: https://desenvolvimentoparaweb.com/
Watch video Modificadores BEM com CSS Nesting Nativo online without registration, duration hours minute second in high quality. This video was added by user dpw 21 June 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,174 once and liked it 123 people.