CSS - 同じクラス内の画像間にスペースを追加できますか？

Question

cssでさらにクラスを作成することなく、同じクラスの3つの画像を例に挙げて、それらの間にスペースのパーセンテージを与えることはできますか？

マージンやパディングを使用して分割することで、これを行うことのみ可能ですか？

多くのありがとうございます。

Answer 1

HTML：

<!--this would normally contain images --> 
<div class="image"></div> 
<div class="image"></div> 
<div class="image"></div> 

CSS：最初の子を選択し、あなたが好きな方のマージンやパディングを与えないよう

body { 
    margin: 0px; 
} 

.image { 
    display: inline-block; 
    background-color: blue; 
    height: 100px; 
    width: 200px; 
    margin-right: 10px; 
} 

.image:nth-of-type(1) { 
    margin-left: 10px; 
} 

Answer 2

.myClass img{ 
    float:left; 
    width: 30%; 
    margin:0 1%; 
} 

Answer 3

使用セレクタ

.image:not(:first-child){ 
    margin-right:10px 
}