.table { color: #2b4450; /* 隣接するセルの境界線を間隔をあけて表示 */ border-collapse: separate; /* 隣接するセルの線と線の間隔を0に */ border-spacing: 0; border: 1px solid #497285; border-radius: 4px; background-color: #fff; } .table thead th { padding: .5em .6em; border-bottom: 1px solid #497285; } .table tbody tr td { padding: .5em .9em; } /* 2列目以降のセルの左だけ線を表示 */ .table tbody tr td + td { border-left: 1px solid #497285; } /* 2行目以
nth-child() 疑似クラスを試してみる 2008-05-26 0 0 XHTML/CSS CSS, nth-child CSS3で定義される nth-child() 疑似クラス。これが使えるようになると，HTMLファイル，CSSファイルのメンテナスが楽になるだろうな...と思うのです。 どんな具合か，ちょっと試してみました。 nth-child() 疑似クラスとは 英文ですが，詳細は以下から。W3Cの Working Draft（草案）ですので，今後変更されることがあるかもしれません。 Selectors - 6.6.5. Structural pseudo-classes - :nth-child() pseudo-class その要素が何番目の子要素かによって，該当するものにだけ，CSSをあてることができます。 たとえば，セレクタにul li:nth-child(2n)，または
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
