akiyan.com CSS Best Practices

• 子孫セレクタは限定的に使う
  • ほんとうは「子供」セレクタを使いたい
  • 子孫セレクタだと際限なく影響してしまう
  • こんなHackをたくさんしたくはないでしょ？

    div.content li { font-size:82% }
    div.content li li { font-size:100% }
    

  • Good

    div.content-section
    p.content-section-postedinfo
    

  • Bad

    div.content div.section
    div.content div.section p.postedinfo
    

• class名の区切りはハイフンを使う（アンダースコアは使わない）
  • アンダースコア「_」を打つにはshiftキーが必要なので、「-」に比べて打ちにくい
  • 日本語キーボードの話だけどね :-b
  • class名は頻繁に入力するので打ちやすさは重要