CSS | element,element Selector
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:
<!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:
Example 2:
<!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:
Supported Browsers: The browser supported by element, element selector are listed below:
- Apple Safari
- Google Chrome
- Firefox
- Opera
- Internet Explorer
Please Login to comment...