/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

0 vote327 views1 answer
CSS BODY AND PRE
CSS
5 votes357 views1 answer
1 line darkmode css
CSS
0 vote285 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS
14 votes340 views2 answers
How to render css in flask
CSS
11 votes300 views3 answers
Round button css
CSS
2 votes324 views1 answer
Kerning css
CSS
0 vote334 views1 answer
Cannot apply border radius to tr
CSS
0 vote321 views1 answer
React how to wrap
CSS
2 votes346 views1 answer
Flex align top css
CSS
0 vote320 views2 answers
Text decoration underline padding
CSS