Open In App

CSS element,element Selector

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
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