CSS - ID Selector in CSS
Hope this post finds you well. In this video, I explained the ID Selector in CSS. The code is shared in My Blog. Feel free to comment. For more, please subscribe my channel and press the BELL icon. Please visit my CSS Playlist. The code is as follows -
id_selector.html -
<html>
<head>
<title> ID Selector </title>
<!-- External CSS -->
<link rel="stylesheet" href="id_seclector.css">
<!-- Internal CSS -->
<style>
#head4 {
color:yellow;
}
</style>
</head>
<body>
<!-- ID selector - id attribute -->
<!-- # symbol -->
<h4 id="head4"> This is the heading tag uses h4 tag </h4>
<h5 id="head5"> This is the heading tag uses h5 tag </h5>
</body>
</html>
id_selector.css -
#head5 {
color:red;
}
id_selector.html -
<html>
<head>
<title> ID Selector </title>
<!-- External CSS -->
<link rel="stylesheet" href="id_seclector.css">
<!-- Internal CSS -->
<style>
#head4 {
color:yellow;
}
</style>
</head>
<body>
<!-- ID selector - id attribute -->
<!-- # symbol -->
<h4 id="head4"> This is the heading tag uses h4 tag </h4>
<h5 id="head5"> This is the heading tag uses h5 tag </h5>
</body>
</html>
id_selector.css -
#head5 {
color:red;
}
Comments
Post a Comment