/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 vote185 views1 answer
Font-display css google fonts
CSS
1 vote166 views1 answer
How to make my page fixed
CSS
0 vote179 views1 answer
Css safari remove scrollbar
CSS
0 vote318 views1 answer
Top down gradient css on body
CSS
1 vote201 views2 answers
Css clearfix for floats with display table and clear both
CSS
3 votes190 views1 answer
Font family comic sans ms
CSS
0 vote174 views1 answer
Tailwind css react craco
CSS
64 votes218 views6 answers
Rotate css
CSS
2 votes184 views2 answers
Remove border select css
CSS
0 vote214 views1 answer
Btn keeps pushing down on window resize
CSS