选择第二个<a> tag inside a div element</a>

Question

我想在div中选择第二个标签（下面代码中的第四个元素）。我的HTML看起来像这样：

   <div class="portItemContainer">
        <div class="portItem">
            <a href="#"><img src="Images/img.png" alt="" /></a>
            <h5>Website Title</h5>
            <h6>CREATIVE</h6>
            **<a href="">Visit The Website</a>**
            <p>
                some text
            </p>
        </div>

最好的方法是什么？ 感谢

Answer 1

以这种方式：

 .portItem h6 + a { 
      /*styles here */
 }

DEMO

Answer 2

您可以使用:nth-of-type伪选择器。

.portItem a:nth-of-type(2){
    color:red;
}

或

您可以使用adjacent siblings选择器 {{3H2>

---

Demo 1

Answer 3

您可以将nth-of-type用于此

＆＃13;

＆＃13;

.portItem a:nth-of-type(2) {
  color:red;
  }

＆＃13;

 <div class="portItemContainer">
        <div class="portItem">
            <a href="#">Some Text</a>
            <h5>Website Title</h5>
            <h6>CREATIVE</h6>
            <a href="">Visit The Website</a>**
            <p>
                some text
            </p>
        </div>

＆＃13;

＆＃13;

＆＃13;