/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

1 vote131 views1 answer
Ghana
CSS
0 vote122 views1 answer
Css fit iframe to div
CSS
2 votes124 views1 answer
Div not larger than its content
CSS
-1 vote128 views2 answers
Css lock scroll
CSS
3 votes116 views2 answers
Expo vector icons install
CSS
0 vote137 views1 answer
Html glow on hover
CSS
0 vote114 views1 answer
Space in css :before :after
CSS
2 votes138 views4 answers
Animation timing function css
CSS
0 vote127 views1 answer
For...in...loop
CSS
0 vote120 views1 answer
Css media query for mobile and hide a row wordpress
CSS