BEM - Block Element Modifier
Block - Bloco de conteúdo.
Saiba tudo sobre BEM, metodologia CSS / convenção de nomenclatura para deixar seu código front end no padrão internacional.
Regras Gerais
Criar Bloco
Utilizar class como por exemplo button
- Sem dependência Hierarquica
- Usar class apenas sem tag e sem id
Elementos
- Nome é precedido do block e __ ex: .form__input
- Usar class apenas sem tag e sem id
Nomenclaturas button--green
Para elementos
Efeito cascata
.form .form--small
Modificadores globais
o Bem não recomenda pois infringe um dos objetivos que é a independência dos blocks
A ideia seria criar modificadores para o elmento.