Cut CSS inheritance [duplicate]

Question

Is there any way to break the CSS inheritance chain and have a default CSS again inside some container, e.g. div element?

This would be useful to preview abitrary HTML inside a page without having to use a iframe with the usual caveats (eg. not able to adapt size, needs content to be provided by another URL)

did you try "!important"?

Moshe Shaham
– Moshe Shaham

2013-02-28 11:45:35 +00:00
Commented Feb 28, 2013 at 11:45 — Moshe Shaham
– Moshe Shaham, Commented Feb 28, 2013 at 11:45

BoltClock · Accepted Answer · 2013-02-28 11:46:00Z

2

Currently, there is no way to use CSS to break the inheritance chain and reset properties to browser defaults for an arbitrary element.

The all: default shorthand declaration in the new Cascading and Inheritance module will allow for this exact functionality, but first we need some implementations which as of early 2013 don't exist yet.

answered Feb 28, 2013 at 11:46

BoltClock

728k165 gold badges1.4k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Cut CSS inheritance [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related