/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 vote173 views1 answer
Font-display css google fonts
CSS
0 vote332 views1 answer
Twig inline css
CSS
7 votes162 views2 answers
Css set div width to screen
CSS
0 vote173 views2 answers
Wow.js
CSS
25 votes194 views4 answers
Css inline hover
CSS
-2 votes187 views1 answer
How to add after psuedo class in html
CSS
7 votes162 views2 answers
Css font families
CSS
-1 vote273 views1 answer
Bootstrap scrollable modal
CSS Bootstrap
0 vote171 views1 answer
Css flex alle elemente gleiche höhe
CSS
1 vote175 views2 answers
Text align left top
CSS