我正在使用引导网格结构。我编码了一个包含3个CSS盒子的块。但是我无法选择第二和第三h2元素。
<!-- 1st BOX-->
<div class="col-lg-6">
<div class="kutu">
<h2>1st TITLE</h2>
<div class="items">
</div>
<h3>test</h3>
</div>
<a href="#">test</a>
</div>
<!-- 1st BOX END-->
<!-- 2st BOX-->
<div class="col-lg-6">
<div class="kutu">
<h2>2nd TITLE</h2>
<div class="items">
</div>
<h3>test</h3>
</div>
<a href="#">test</a>
</div>
<!-- 2st BOX END-->
<!-- 3st BOX-->
<div class="col-lg-6">
<div class="kutu">
<h2>3rd TITLE</h2>
<div class="items">
</div>
<h3>test</h3>
</div>
<a href="#">test</a>
</div>
<!-- 3st BOX END-->
我尝试了这些方法,但没有成功。我使用了nth-child和nth-of-type,但是我没有得到想要的结果。我怎样才能做到这一点?谢谢
.kutu {
width: 600px;
height: 300px;
overflow: hidden;
}
.kutu:nth-of-type(2) h2{
color: red;
}
.kutu:nth-of-type(3) h2{
color: green;
}
问题是类在同级元素内