css - n番目の子は予測どおりに境界に影響を与えていません

Question

テーブルのスタイル設定で、n番目の子セレクターを使用してTDをborder：noneに設定できないように見えるという問題が発生しています。他の境界線スタイルは期待どおりに機能しますが、border：noneは、私が何をしても、継承された境界線を表示しません。

JSfiddleはここにあります：http：//jsfiddle.net/7NUtK/1/

Answer 1

多分これはあなたが望んでいたことです：http： //jsfiddle.net/thNJb/

いくつかのセレクターを変更しました。毎回列に灰色と白の部分（サブ列）を持たせようとしているように見えました。

.schedule col:nth-child(even)セレクターが効果を発揮しなかった理由として考えられるのは、次の2つです。1。border-leftは、colではなくtdに適用されるため、noneに設定するには、tdで再度選択する必要があります。 。2.両方のルールは同じ特異性にあるようです。通常、オーバーライドするセレクターを、オーバーライドするセレクターよりも具体的にすることをお勧めします。

ただし、すべてのtdにborder-leftを適用してから、一部の列でborder-leftをnoneに設定しようとする代わりに、実際にそれを与えたいtdsにborder-leftを適用する必要があります。（これは、分岐したjsfiddleで行ったことです。）

Answer 2

私があなたの問題を正しく理解しているかどうかはわかりませんが、どうですか

.schedule td:nth-child(even){
    border-left: none;
}

？一部をcolsに設定しても、tdスタイルをオーバーライドすることはありません。