CSS | element Selector
The element selector in CSS is used to select HTML elements which are required to be styled. In a selector declaration, there is the name of the HTML element and the CSS properties which are to be applied to that element is written inside the brackets {}.
Syntax:
element { \\ CSS property }
Example 1:
<!DOCTYPE html> < html > < head > < title >element selector</ title > < style > /* h1 element selected here */ h1 { color:green; text-align:center; } /* h2 element selected here */ h2 { text-align:center; } </ style > </ head > < body > < h1 >GeeksforGeeks</ h1 > < h2 >element Selector</ h2 > </ body > </ html > |
Output:
Example 2:
<!DOCTYPE html> < html > < head > < title >element selector</ title > < style > h1 { text-align: center; } h2 { text-align: center; color: green; font: bolder cursive ; } form { text-align: center; } </ style > </ head > < body > < h1 >FORM</ h1 > < h2 >Please fill in details:</ h2 > < form action = "#" > Name: < input type = "text" value = "name" >< br > Age: < input type = "text" value = "age" >< br > City: < input type = "text" value = "City" >< br > </ form > </ body > </ html > |
Output:
Supported Browsers: The browser supported by element selector are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Safari
- Opera
Please Login to comment...