Wie wähle ich den zweiten Absatz?

Question

Wie zum Beispiel: Angenommen, ich möchte den zweiten Absatz Farbe geben.

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

Wie kann ich nur den zweiten Absatz in CSS auswählen sowie jQuery wie ohne Namen oder IDs sind zwei zugeordnet.

Answer 1

Sie können dies versuchen:

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

See Codeblock unter:

$(".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>

hoffe, das hilft!

Answer 2

Dieser Code wird für CSS arbeiten:

.intro p:nth-of-type(2) { 
    color: blue; 
} 

Es wird nur die zweite Ziffer auswählen und blaue Farbe