BEM (Block, Element, Modifier)
: css 를 깔끔하게 작성하기 위한 방법론
/* Block component */
.btn {}
/* Element that depends upon the block */
.btn__price {}
/* Modifier that changes the style of the block */
.btn--orange {}
.btn--big {}위 css 코드에 대한 html 은 아래와 같다.
<a class="btn btn--big btn--orange" href="https://css-tricks.com">
<span class="btn__price">$9.99</span>
<span class="btn__text">Subscribe</span>
</a>