CODEWITHSUNDEEP
htmlcssoverriding
Andreas
Andreas

Reputation: 1311

Override child css-property

How do I override a child css-property. Example, the text should be black:

<div style="color: Black;">
    <div style="color: Red;">Red text that should be black.</div>
</div>

Since I got some answers that suggest that I should not use inline styles, I should tell you that this is not an option, at least not for the inner div.

Upvotes: 1

Views: 4375

Answers (2)

Vishal
Vishal

Reputation: 12369

You should use css classes and ids and use internal or external stylesheets do not use inline style for anything as far as possible. As far as making the text black you cant do it because you have it inline and that has preference over all and will be applied last. It is usually follows this order so the styles are applied starting from left to right-

External Stylesheet -> Internal Stylesheet -> Inline Styling

Look here to know more information on how to use stylesheets.

Upvotes: 0

Moin Zaman
Moin Zaman

Reputation: 25435

don't use inline styles. control them from your CSS in the tags or CSS file. Then you can use inheritance, specificty and !important to override. You can't do it with inline styles as you have it in your code.

Upvotes: 5

Related Questions