BEM - Block Element Modifier

CSS/JS Selector naming

 

Front-end 작명법

 

.block : as a base

.block__element : child node

.block--modifier : different state, version

 

just one - or _? 

:: for naming - or _ 사용될 수 있음.

 

 

with BEM Naming -> Anyone in team can see what's going on / What that selector will do.

 

 

Though, It is long, ugly.

But,It is easy to reuse.