JavaScript quiz. Consider following code snippet: <pre><code> <d

Consider following code snippet:


<div>
    <p>Something_1</p>
    <p>Something_2</p>
</div>
<div>
    <p>Something_3</p>>
</div>
<script>
    $("div p").css('color','red');
    $("div p:last-child").css('color','green');
    $("div p:last").css('color','blue');
</script>

What will be the colors of p elements after execution the code?

Something_1 - red, Something_2 - yellow, Something_3 - blue
Something_1 - red, Something_2 - blue, Something_3 - blue
Something_1 - red, Something_2 - green, Something_3 - blue
Something_1 - red, Something_2 - green, Something_3 - green

Explanation

The :last selector selects only the last element - The :last-child selector selects all elements that are the last child of their parent.


$("div p").css('color','red'); // will make all p elements to be red;
$("div p:last-child").css('color','green'); // will make two last element to be green;
$("div p:last").css('color','blue'); // selects only the last element and make it to be red;

Like

Login in to like
Comment

Login in to comment
Share

Tweet

JavaScript
Quiz

or Read more about JavaScript Quizzes

Follow CodeGalaxy

Mobile Beta

Send Feedback