É 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/
Смотрите видео Modificadores BEM com CSS Nesting Nativo онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь dpw 21 Июнь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,174 раз и оно понравилось 123 людям.