Sol kenar boşluğunu ilk öğeden ve sağ kenar boşluğundan 3 öğeden çıkartma

Question

öğelerin sayısı değişkendir, ancak üst üste 3 olmalıdır.

Answer 1

Muhtemelen aradığınız şey :nth-child()-Slector. Bununla, örn. Her üçüncü elemanın sol kenar boşluğunu kaldırması gerektiğini söyleyin.

Your example on JSFiddle.

/* remove margin-right from every third child */ 
.element:nth-child(3n) { 
    margin-right: 0; 
} 

Answer 2

.test{ 
 
    display:flex; 
 
    justify-content: space-between; 
 
    margin-left:0px; 
 
    margin-right:0px; 
 
} 
 
.element:nth-child(1) { 
 
    margin-left:0px; 
 
} 
 
.element:nth-child(3) { 
 
    margin-right:0px; 
 
} 
 
.element{ 
 
    height:50px; 
 
    width:150px; 
 
    background-color:pink; 
 
    border: 2px solid black; 
 
}

<div id="container"> 
 
<div class="test"> 
 
    <div class="element"></div> <!-- remove left margin --> 
 
    <div class="element"></div> 
 
    <div class="element"></div> <!-- remove right margin --> 
 
    </div> 
 
<div class="test"> 
 
    <div class="element"></div> <!-- remove left margin --> 
 
    <div class="element"></div> 
 
    <div class="element"></div> <!-- remove right margin --> 
 
    </div> 
 
    <div class="test"> 
 
    <div class="element"></div> <!-- remove left margin --> 
 
    </div> 
 
</div>