使用CSS选择特定类的每个第2个 - 1个兄弟

时间:2016-11-04 15:01:09

标签: css select css-selectors children

我有以下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组的形式出现。)

0 个答案:

没有答案