Open ryou opened 6 years ago
CSSのスタイル指定でタグに対して直接指定していると、改修の際にそのタグを追加する時に面倒
例えば
ボタンに対して
<div class="btn"><span>ボタンテキスト</span></div>
.btn span {
~
}
なんて指定がされていると、改修で「ボタンにアイコンを追加する」という時に
<div class="btn"><span><span class="icn"></span>ボタンテキスト</span></div>
ってやった時に<span class="icn"></span>
が.btn span
のスタイルの影響を受けてしまう
スコープ切らないとバグの原因になる例
https://gist.github.com/anonymous/2c86e13c84728133e953c7639ad0d8a7