html - CSS: 複数のクラスを必要とせずに、最後の要素に異なるパディングを提供する

Question

div幅が 31% 程度の 3 つの画像を含む があります。アイデアは、間にパディングを提供することです。最後の画像には右余白を持たないようにして、3 つを合わせると上の大きな画像と同じ幅になるようにします。

そのようです...

画像がこの最後の位置にあることを単に知っているバリアント (セレクターまたはその他) クラスを指定するにはどうすればよいですか? 兄弟を使用するなど、任意のアイデア。

Answer 1

:last-of-type擬似クラスを使用できます。

.container_class > img:last-of-type {
    padding-right: 0;
}

PS -パディングの代わりにマージンを使用して要素を互いに離していませんか?

Answer 2

私の推測では、+セレクターを使用できます。

img + img {
  padding-left:4px;
}

このようにして、最初の画像を除くすべての画像に左パディングが適用されます。また、すべての画像に対して 1 つのスタイル ルールを記述し、最後の画像だけに対して別のスタイル ルールを記述する必要はありません。