如果每個元素嵌入另一個元素，我如何獲得每個元素？

<div class="question_container"> 
    <div class="views"> 
     <div>10</div> 
    </div> 
    <div>Something else</div> 
</div> 
<div class="question_container"> 
    <div class="views"> 
     <div>10</div> 
    </div> 
    <div>Something else</div> 
</div> 
<div class="question_container"> 
    <div class="views"> 
     <div>10</div> 
    </div> 
    <div>Something else</div> 
</div>

我如何風格純CSS每二等意見。如果每個元素嵌入另一個元素，我如何獲得每個元素？

jQuery中，我會做

$('*[class=views]:even').addClass('views');

但我怎麼能做到這一點的CSS？

來源

2012-06-07 yehuda

可以使用:nth-child屬性是：

例子：

.question_container:nth-child(2n) .views{ 
    color: red; 
}

:nth-child(2)會選擇僅第二項，而:nth-child(2n)將選擇每秒項目。

來源

2012-06-07 10:58:35 sandeep

其實我覺得你的代碼只會設計一個（第二個）元素，但OP要求**每隔一個**第二個元素，因此CSS應該是：'.question_con TAINER：第n個孩子（2N）.views' – Andrej

@sandeep感謝，這與安德烈的工作2N未2.更改和I'l接受。感謝您的幫助 – yehuda

@Andrej感謝您糾正我:) – sandeep

由於@Andrej和@sandeep說，它的工作：

<style> 
.question_container:nth-child(2n) .views{ 
    color: red; 
} 
</style> 

<div class="question_container"> 
    <div class="views"> 
     <div>10</div> 
    </div> 
    <div>Something else</div> 
</div> 
<div class="question_container"> 
    <div class="views"> 
     <div>10</div> 
    </div> 
    <div>Something else</div> 
</div> 
<div class="question_container"> 
    <div class="views"> 
     <div>10</div> 
    </div> 
    <div>Something else</div> 
</div>

https://jsfiddle.net/pxmqc1au/

來源

2015-10-28 11:04:12 Mike

那麼你可以做的框是有一半的widht（50％）？讓他們漂浮到左邊，然後明確將是最好的解決辦法

HTML：

<div class="legend-box"> 
    <div class="box"> [] box 1 </div> 
    <div class="box"> [] box 2 </div> 
    <div class="box"> [] box 3 </div> 
    <div class="box"> [] box 4 </div> 
    <div class="box"> [] box 5 </div> 
    <div class="box"> [] box 6 </div> 
    <div class="clear"></div> 
</div>

CSS：

.box { 
    display: inline-block; 
    width: 50%; 
    float: left; 
} 

.clear { 
    clear: both; 
}

這裏是一個小提琴： https://jsfiddle.net/r5xq9von/

來源

2016-04-04 10:22:25 MRadev

如果每個元素嵌入另一個元素，我如何獲得每個元素？

回答

相關問題