Post
Ask Question

Change Property of Selector in CSS

Introduction

 
Hello friends, in this blog we will learn how to change selector basic with your own style. Let check with <h1>….to <h5>.
  1. <!DOCTYPE html>  
  2. <html>  
  3.   
  4.      <head>  
  5.           <title>Color Change Of Inbuilt Selector</title>  
  6.      </head>  
  7.   
  8.      <body>  
  9.           <h1>  
  10.                Color Change Of Inbuilt Selector</h1>  
  11.      </body>  
  12.   
  13. </html> 
When we render, browser would be rendered as in the following:
 
Change-Property-of-Selector-in-CSS.jpg
 
Now lets we add a property in our <h1> selector. For that add style in your <head> part or make one stylesheet and name it style.css and you can link style.css in your head part.
  1. <!DOCTYPE html>  
  2. <html>  
  3.   
  4.      <head>  
  5.           <title>Color Change Of Inbuilt Selector</title>  
  6.           <style type="text/css">  
  7.           h1 {  
  8.                font: 30px Arial, Helvetica, sans-serif;  
  9.                color: #ff0000;  
  10.           }  
  11.           </style>  
  12.      </head>  
  13.   
  14.      <body>  
  15.           <h1>  
  16.                Color Change Of Inbuilt Selector</h1>  
  17.      </body>  
  18.   
  19. </html> 
Change-Property-of-Selector-in-CSS1.jpg

Summary

This way you can change any of inbuilt selector's property with your choice.