/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

6 votes368 views1 answer
Responsive image in css
CSS
1 vote354 views1 answer
Css cell spacing
CSS
0 vote385 views1 answer
Understanding '>' sign in css selector
CSS
0 vote386 views2 answers
CSS Or Selector
CSS
28 votes367 views3 answers
Text gradient css3
CSS
9 votes356 views4 answers
Animation shorthand css
CSS
2 votes358 views1 answer
Centering the image
CSS
-1 vote424 views1 answer
How to write a comment in css
CSS
0 vote371 views1 answer
Remove double quotes from string kotlin
CSS
-1 vote393 views6 answers
Css comment
CSS