What is the purpose of the all property in CSS?
This question can be found in reference to this particular query.
As stated in this source:
The ‘all’ property serves as a shorthand for resetting all CSS properties.
Name: all
Value: initial | inherit | default
Initial: See individual properties
Applies to: See individual properties
Inherited: See individual properties
Percentages: See individual properties
Media: See individual properties
Computed value: See individual properties
Animatable: See individual properties
Therefore, it is intended to reset CSS properties for a given selector.
This implies that by importing Twitter Bootstrap and applying the following style, the .btn class should be reset:
.btn {
all: default;
}
In practice, this does not seem to take effect. You can see an example in this jsFiddle link.
Is my understanding correct? Is this feature supported by web browsers?