如何在段落标签内的 select 锚标签？

Question

我想单独 select <p>标签的第一个锚标签和最后一个锚标签。

 <div class="not01"> <img src="/assets/images/avatar-mark-webber.webp" alt="Mark Webber image"> <p> <a href="#">Mark Webber </a> reacted to your recent post <a href="#">My first tournament today!</a></p> <span>1m ago</span> </div>

Answer 1

通过使用:first-child和:last:child css 选择器。

 pa:first-child { background-color: yellow; } pa:last-child { background-color: yellow; }

 <p> <a>This anchor is the first child of its parent (p).</a> <a>This anchor is the second child of its parent (p).</a> <a>This anchor is the third child of its parent (p).</a> </p>