CSS can become a tangled mess as we add styles over time and lose track of what they were for. BEM and SMACSS are naming conventions for styles and components that help developers keep track and teams work together.
Block Entity Modifier: http://getbem.com/
SMACSS: https://smacss.com/
Topics
Resources