場所に依存しないセレクタを書く

セレクタを書くときに、場所に依存したセレクタを書いてしまい、他の場所で書けないことがある。違う場所に書くときは、同じコードを書く必要が出てくる。

.header .logo{
    width:200px;
}

.header .footer{
    width:200px;
}

コードを減らすという意味でも、.logoとしてセレクタを書いていくほうが管理もしやすい。

.logo{
    width:200px;
}