タグ

ブックマーク / takuya-1st.hatenablog.jp (1)

  • cssで先頭から3つをnth-childで取得する:nth-childまとめ - それマグで!

    テーブルのtd の先頭から3つを取得するCSS3 nth-childセレクタを作れたら嬉しいデスって話で盛り上がった。 td の先頭から3つに要素を適用したい <table> <tr> <td>1番目 <! -- ⇐背景色指定したい --> <td>2番目 <! -- ⇐背景色指定したい --> <td>3番目 <! -- ⇐背景色指定したい --> <td>4番目 <td>5番目 </tr> </table> 直ぐ思い浮かぶ回答 td:nth-child(1),td:nth-child(2),td:nth-child(3){ background-color: red; } 要素セレクタを並べて掛けば良い??なんならjQueryでaddClassする? 妥協・・・・したくない! 負けた気がするよね? なんか負けた気がする、nth-child理解できてないんじゃね? 調べましょう MDNと

    cssで先頭から3つをnth-childで取得する:nth-childまとめ - それマグで!
  • 1