如何在第二个框中选择h2元素?

问题描述 投票:0回答:1

我正在使用引导网格结构。我编码了一个包含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;
    }
html css
1个回答
0
投票

问题是类在同级元素内

© www.soinside.com 2019 - 2024. All rights reserved.