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>
<!-- CSS property using id attribute -->
<style>
#gfg1 {
color: green;
text-align: center;
}
#gfg2 {
text-align: center;
}
</style>
</head>
<body>
<!-- id attribute declare here -->
<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>
<!-- CSS property using id attribute -->
<style>
#geek, #gfg {
color: green;
text-align: center;
background-color:antiquewhite;
}
</style>
</head>
<body>
<!-- id attribute declare here -->
<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