我有以下HTML标记(或任何变体,总是两个半块相邻)
<div class="half_row">
<div class="highlight_block full"></div>
<div class="highlight_block full"></div>
<div class="highlight_block full"></div>
<div class="highlight_block half"></div>
<div class="highlight_block half"></div>
<div class="highlight_block full"></div>
<div class="highlight_block half"></div>
<div class="highlight_block half"></div>
<div class="highlight_block full"></div>
<div class="highlight_block full"></div>
</div>
类full的highlight_block的宽度为100%。具有类的一半的highlight_block具有50%的宽度。现在我想给第一个,第三个,第五个,第七个等半块一个边距 - 右边(整个块没有任何边距)
以下CSS不会只调用.half高亮显示块:
.boendgen_grid .half_row .half:nth-of-type(2n-1){
margin-right: 30px;
}
如何调用.half highlight_block 1,3,5,7等?
请注意,标记也可以以3个完整高光块开始,然后是2个半块。 (Half_blocks总是会以2组的形式出现。)