How the find the corresponding CSS for an element in Google Chrome

If you want to change the style of any element or tag in a webpage then you have to make changes to the styles in the style sheet. Finding the corresponding CSS is the main issue here. So, follow the below steps to find the CSS easily.

--> Open the webpage in Google Chrome.

--> Right click on the position where you want to make the changes to the styles. There you will see a option called inspect element. Click on it and the code will be opened at bottom.

--> There select the element for which you want to change the style.

--> On the right side it will show a small window with heading styles like below.

--> On that, you will find a list of styles with heading Matched CSS Rules.

--> On that list of styles, on the right hand side you can find the corresponding style sheet of the required element like below(highligheted).

--> Go to the CSS and make changes in the style next to the style sheet and then the styles will be applied to your desired element.(For example, here the styles must be applied to corner-br in the style sheet.

Thanks and Regards.