css - CSSセレクターで最初と最後を除くすべての子を選択する方法

Question

最初と最後を除いて、テーブル内のすべての子を選択するにはどうすればよいですか? 私はこれを試しましたが、最初ではないすべての子と最後ではないすべての子を選択することになり、最終的にすべての子になります:

table.programs tr td:not(:first-child), table.programs tr td:not(:last-child) {
}

最初でも最後でもないすべての子供が欲しい。これどうやってするの？

Answer 1

2 つの:not()セレクターを組み合わせて使用​​し、両方に一致する要素を参照します。つまり、 のオペランドとして使用されるセレクターのいずれにも一致しない要素を参照します:not()。

table.programs td:not(:first-child):not(:last-child)

Answer 2

jQuery ソリューションは問題ありませんが、純粋な CSS で実行する場合は、テーブル全体にルールを適用してから、最初と最後の子に対してルールをリセットすることをお勧めします。すなわち:

table.programs tr td { 
  /* your rules here */
}

table.programs tr:first-child td:first-child, 
table.programs tr:last-child td:last-child {
  /* reset your rules here */
}

jsFiddle デモ