Wählen Sie jedes gerade Element nach 4

Question

Ich frage mich, ob es möglich ist, jedes gerade Element nach dem 4. Element mit dem CSS nth-Kind-Selektor auszuwählen.

Unten ist was ich bisher habe? Irgendwelche Ideen

SCSS

.project{ 
    @include span-columns(4 of 8); 
    @include omega(2n); 
    height: 580px; 
    border: 1px solid black; 

    &:first-child{ 
     margin-top: 55px; 
    } 

    &:nth-child(n+4){ 
     margin-top: -50px; 
    } 
} 

Answer 1

:nth-child(2n+6) werden alle anderen Artikel mit dem 6. Punkt beginnen lassen.

div:nth-child(2n+6) { 
 
    color: red; 
 
}

<div>blah</div> 
 
<div>blah</div> 
 
<div>blah</div> 
 
<div>blah</div> 
 
<div>blah</div> 
 
<div>blah</div> 
 
<div>blah</div> 
 
<div>blah</div> 
 
<div>blah</div>

Answer 2

Um jeden zweiten Punkt nach dem vierten Element auszuwählen, sind Sie für :nth-child(2n+6) :)

div:nth-child(2n+6) { 
 
    color: red; 
 
}

<div>Test</div> 
 
<div>Test</div> 
 
<div>Test</div> 
 
<div>Test</div> 
 
<div>Test</div> 
 
<div>Test</div> 
 
<div>Test</div> 
 
<div>Test</div> 
 
<div>Test</div>

suchen

hoffe, das hilft! :)

Answer 3

div:nth-child(2n+6) { 
 
    color:#ff0000; 
 
}

<div>1</div> 
 
<div>2</div> 
 
<div>3</div> 
 
<div>4</div> 
 
<div>5</div> 
 
<div>6</div> 
 
<div>7</div> 
 
<div>8</div> 
 
<div>9</div> 
 
<div>10</div> 
 
<div>11</div> 
 
<div>12</div>