CSS Universal Selector: Selects All HTML elements on the page
| <!doctype html> <html> <head> <style> *{ color : blue ; text-align : center ; } </style> </head> <body> <p> Paragraph1 </p> <p id=”p1″> Paragraph with ID p1 </p> <p> Paragraph2 </p> <p id=”p2″> Paragraph with ID p2 </p> </body> </html> |
CSS Grouping Selector: Selects all HTML elements with same style definitions.
| <!doctype html> <html> <head> <style> h1, h2, p{ color : blue ; text-align : center ; } </style> </head> <body> <h1> Heading1 </h1> <h1> Heading2 </h1> <p> Paragraph1 </p> <p> Paragraph2 </p> <h2> Heading3 </h2> <h2> Heading4 </h2> </body> </html> |