ulの下にliしかなくて、そのliに対して、1番目、2番目、ってときのnth-childは、大丈夫ですよね。
ul li:nth-child(2){}
です。
じゃあ、divのなかに、pとかaとかが並列であるとき。いちいちdivで囲んじゃったら、div div:nth-child(2){}
とかって書けばいいけど、そのdivって、要るのかな？
スタイル的に要らないときありますよね。ほんとはセマンティックに必要なタグ以外は最小限にしたいです。プログラマーの方に渡すときに見づらくしたくないし。
ここ２－３日でやたらこのようなコーディングをしたので、非常にささやかな気づきだけど、メモしておく。
コードペンの埋め込み方が不明だけどとりあえずリンク
