/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

3 votes226 views3 answers
How to center a html header
CSS
9 votes206 views1 answer
Make background full on every screen css
CSS
0 vote196 views1 answer
How to make the select box font size small in css
CSS
0 vote188 views1 answer
Como fazer listrada css
CSS
0 vote196 views1 answer
Css max-width none
CSS
0 vote372 views1 answer
Text align in materialize css
CSS Materialize
3 votes214 views1 answer
Add new class in tailwind css
CSS
-1 vote194 views1 answer
Purge tailwind css
CSS
1 vote169 views1 answer
Css hover darken color
CSS
0 vote233 views1 answer
Css ie11 only
CSS