/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 vote300 views1 answer
How to set box into another box using html and css
CSS
0 vote289 views1 answer
After icon css
CSS
1 vote256 views2 answers
Summation in jupyter markdown
CSS
7 votes293 views3 answers
Push failed
CSS
61 votes303 views2 answers
Bootstrap flex direction column
CSS
0 vote292 views1 answer
Css locks
CSS
1 vote310 views1 answer
Css code examples
CSS
0 vote296 views1 answer
Body{text-align: center;}
CSS
0 vote302 views1 answer
When grepper whas created
CSS
2 votes335 views3 answers
Backdrop css
CSS