/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

32 votes235 views6 answers
@font-face in css
CSS
3 votes253 views1 answer
Include screen size
CSS
0 vote250 views1 answer
Top down gradient css on body
CSS
5 votes239 views2 answers
Important css
CSS
6 votes279 views2 answers
Blink css
CSS
127 votes240 views4 answers
React import bootstrap css
CSS
0 vote234 views1 answer
Alternate color on two consecutive rows
CSS
15 votes215 views2 answers
Npm scss
CSS
0 vote236 views1 answer
Reference images from css in django
CSS
0 vote239 views1 answer
How to slide div from left to right using css
CSS