ryou / blog_sdmilieu_net

個人的な技術メモ
0 stars 0 forks source link

当然の事を当然にやってほしいって話 #25

Open ryou opened 6 years ago

ryou commented 6 years ago

スコープ切らないとバグの原因になる例

https://gist.github.com/anonymous/2c86e13c84728133e953c7639ad0d8a7

ryou commented 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のスタイルの影響を受けてしまう