ペアプロしてもらって学んだ事を書く

基本のキ

CSSは親子関係であることを意識する

親のClass {
}

親のClass 子のClass {
}

みたいな感じでネストを読み手にわかりやすくする

親のclass {
background-color:#ffffff
}

親のclass 子のclassA {
background-color:#ffffff
}

親のclass 子のclassB {
background-color:#ffffff
}

こういう指定はアンチパターン、出来るだけ同じ指定を書かないようにする

classAの指定25px ＋ classBの指定5px
みたいな、デザインツールから抽出したCSSを使う時などに頭に入れておくとコードが良くなる

ネストの外で指定できる場合は一緒に指定しても良い
例えば中にあるパーツがユニークなもの一つとか

デザインツールでheightとなっている指定はline-heightにその値を入れる場合がある、height指定だと天井に張り付く、line-heightだと中央揃えになる

必要ある場合もあるけど、デザインツールからそのまんまコピペしてはならないの意

当たり前だが一応

恐れず聞く事、誰でも完璧ではない

当たり前だが一応

当たり前だが一応

デベロッパーツール→Computedで見られる、CSSがごちゃついてたらとりあえずこれを使う