CSS element,element Selector

Last Updated : 29 Aug, 2024

The element, element selector in CSS is used to style all comma-separated elements with the same style.

Syntax:

element,
element {
      /* CSS Property */
}

Example 1:

html

<!DOCTYPE html>
<html>

<head>
    <title>
        element, element Selector
    </title>

    <style>
        /* Add same CSS property to all comma
            separated elements */
        h1,
        h2,
        div,
        p {
            text-align: center;
        }

        div,
        p {
            background-color: green;
            color: white;
        }
    </style>
</head>

<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>

    <h2>element, element Selector</h2>

    <div>
        A computer science portal for geeks.
    </div>
    <p>Welcome to geeks classes.</p>
</body>

</html>

Output:

element-element

Example 2:

html

<!DOCTYPE html>
<html>

<head>
    <title>
        element, element Selector
    </title>

    <style>
        /* Add same CSS property to all comma
            separated elements */
        h1,
        h2,
        p {
            text-align: center;
        }

        ul,
        p {
            background-color: green;
            color: white;
        }
    </style>
</head>

<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
    <h2>element, element Selector</h2>
    <p>Welcome to geeks classes.</p>

    <div>Different algorithm techniques:</div>
    <ul>
        <li>Searching Algorithms</li>
        <li>Sorting Algorithms</li>
        <li>Graph Algorithms</li>
    </ul>
</body>

</html>