How to clear all the css for a div and it's child elements?

Question

I have a div element and it has some child elements. For this div and it's child elements css is applying from external css file.

I want to clear all the css for the div and it's child elements. and I want to write own css only for this div.

Is it possible?

This might help you [Specificity-CSS](https://developer.mozilla.org/en/docs/Web/CSS/Specificity) — Chetan Kalra, Jun 03 '17 at 09:12
Short answer: it is. Longer answer: one of the options is to create a style tag with the necessary rules and append it to head. — Pyromonk, Jun 03 '17 at 09:13
I don't want to override each and every css propery. is there any way clear all the css for div and it's child elements in one shot. — Santhosh Bolla, Jun 03 '17 at 09:52

score 0 · Answer 1 · answered Jun 09 '17 at 15:01

0

Make sure your stylesheet comes after the stylesheet from where the elements inherit the styles. Then you just have to overwrite the styles making sure there are no specificity issues.

answered Jun 09 '17 at 15:01

Pedro Martins

19
3

How to clear all the css for a div and it's child elements?

1 Answers1