/CSS/Css - use universal '*' selector vs. html or body selector?

Css - use universal '*' selector vs. html or body selector?


Try something like this

body { font-family: Verdana }
table { font-family: Arial }

against

* { font-family: Verdana }
table { font-family: Arial }

And see which styles are applied to the cells of the table.

There is a difference between "applied to the whole document" and "applied to every element of the document" when you're dealing with cascading stylesheets.

Applying a cascading style to the body applies it to all tags within body until a tag overwrites it. Then the overwritten style is applied to all tags within that one.

However, there are some styles that don't cascade, such as margin and padding (usually where it makes no sense to). Those can only be applied to specific tags and that's where a wildcard can come in useful (albeit rarely).

Most non-cascading styles also have a value of inherit (eg. margin: inherit), which means "take the parent tag's values".

Similar codes

4 votes192 views1 answer
Resize in css
CSS
0 vote219 views2 answers
How long ago was 1993 years
CSS
0 vote323 views1 answer
Look and Feel
CSS
7 votes186 views4 answers
List elements vertically in html
CSS
0 vote235 views1 answer
Css lobotomized owl
CSS
2 votes200 views1 answer
Give transition on box shadow
CSS
13 votes192 views4 answers
Scss transition mixin
CSS
0 vote333 views1 answer
Remove materialize style input
CSS Materialize
0 vote198 views1 answer
Responsive css webpage code
CSS
1 vote199 views2 answers
Text align left top
CSS