The “#” CSS id selector is used to set the style of the given id. The id attribute is the unique identifier in an HTML document. The id selector is used with a # character.
Syntax:
#id {
// CSS property
}
Example 1:
HTML
<!DOCTYPE html>
< html >
< head >
< title >#id selector</ title >
< style >
#gfg1 {
color: green;
text-align: center;
}
#gfg2 {
text-align: center;
}
</ style >
</ head >
< body >
< h1 id = "gfg1" >GeeksforGeeks</ h1 >
< h2 id = "gfg2" >#id selector</ h2 >
</ body >
</ html >
|
Output:
Example 2:
HTML
<!DOCTYPE html>
< html >
< head >
< title ># CSS id selector</ title >
< style >
#geek, #gfg {
color: green;
text-align: center;
background-color:antiquewhite;
}
</ style >
</ head >
< body >
< h1 id = "geek" >GeeksforGeeks</ h1 >
< h2 id = "gfg" >Multiple id style at once</ h2 >
</ body >
</ html >
|
Output:
Supported Browsers: The browser supported by the id selector are listed below:
- Google Chrome 1 and above
- Edge 12 and above
- Internet Explorer 3 and above
- Firefox 1 and above
- Safari 1 and above
- Opera 3.5 and above