如何选择第二段？

Question

例如： 假设我想给第二段赋予颜色。

<div class="intro">
    <p>My name is Donald</p>
    <p>I live in Duckburg</p>
    <p>I have many friends:</p>
</div>

我怎样才能选择CSS和jQuery中的第二段，因为没有名称或id分配两个。

Answer 1

你可以试试这个：

$(".intro p:nth-child(2)");
// OR
$(".intro p:eq(2)");

请参阅下面的代码块：

$(".intro p:nth-child(2)").css("background-color", "red");
// OR
// $(".intro p:eq(1)");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="intro">
    <p>My name is Donald</p>
    <p>I live in Duckburg</p>
    <p>I have many friends:</p>
</div>

希望这有帮助！

Answer 2

此代码适用于CSS：

{{1}}

它只会选择第二段并为其添加蓝色