/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 vote222 views1 answer
Scroll div when page scroll
CSS
1 vote173 views1 answer
How to make a relative div not take up space
CSS
58 votes192 views3 answers
@media
CSS
2 votes169 views2 answers
Css heading background line
CSS
0 vote175 views1 answer
How to change textsize recta native
CSS
0 vote169 views1 answer
Punderline none
CSS
8 votes233 views1 answer
Full screen image
CSS
2 votes200 views2 answers
Css move inline image up
CSS
0 vote169 views1 answer
Css aurora effect
CSS
3 votes171 views3 answers
Svg animation css
CSS