Open In App

CSS element,element Selector

Improve
Improve
Like Article
Like
Save
Share
Report

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>


Output:

element-element2

Supported Browsers:

  • Apple Safari
  • Google Chrome
  • Firefox
  • Opera
  • Internet Explorer


Last Updated : 06 Jul, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads