ハック 2014.05.01 533 CSSN個で繰り返すCSSセレクタ「:nth-child(Nn+1)」 ツイート シェア はてな div{ margin-left:10px; } div:nth-child(3n+1){ margin-left:0; }<div>margin-left:0;が適用されます。</div> <div>通常</div> <div>通常</div> <div>margin-left:0;が適用されます。</div>3n+1の場合は、1、4、7、10と3個区切りで繰り返されます。divを3個でfloatさせる時に指定するとmarginなどが楽に管理できます。つくってみた!社内のトイレ難民解決!トイレ空き状況確認システムを作ってみた社長が「寒い寒い」というので社長席の温度をRaspberry Piで監視してみた。Amazon Polly と Slack を使って Alexa へ (物理的に) 話しかけるシステムを作ってみた関連記事 N個にスタイルを指定するセレクタ「:nth-child(N)」 最後の要素にだけスタイルを設定できる「:last-child」セレクタ 最後からN番目にスタイルを指定するCSSセレクタ「:nth-last-of-type(N)」 最初の要素にだけスタイルを設定できる「:first-child」セレクタ 指定した要素の中身が空の時にスタイルを適用できる「:empty」セレクタ 「A + B」で隣の要素にのみ指定できるCSSセレクタ