Skip to content
Related Articles
Get the best out of our app
GeeksforGeeks App
Open App

Related Articles

How to apply CSS in even childs of parent node using jQuery ?

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

In this article, we will see how to set styles in even child of parent element using jQuery. To set the style on even child of the parent, we use jQuery :nth-child(even) selector.

The :nth-child(even) selector is used to select every element that is the even child of its parent element.



Approach: First, we create an HTML element containing a div element. This div element contains some paragraph element, then we use :nth-child() selector to select all even position child of the parent element.




<!DOCTYPE html>
    <script src=
        div {
            font-size: 18px;
            font-weight: bold;
        p {
            margin-left: 50px;
        $(document).ready(function() {
                backgroundColor: "green",
                color: "white",
                padding: "5px 15px",
                display: "table"
    <h1 style="color: green;">GeeksforGeeks</h1>
        How to apply CSS in even childs of 
        parent node using jQuery library?
        <p>Data Structure</p>
        <p>C++ Programming</p>
        <p>Web Technology</p>


My Personal Notes arrow_drop_up
Last Updated : 21 Sep, 2021
Like Article
Save Article
Similar Reads
Related Tutorials