/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 vote133 views1 answer
How to remove underline from list item in html
CSS
1 vote145 views1 answer
Css background rainbow
CSS
0 vote152 views2 answers
Write mode css
CSS
0 vote153 views1 answer
How to make 3 photos display inline-blocks
CSS
0 vote154 views1 answer
Degradado color css
CSS
5 votes172 views3 answers
Npm 'cross-env' is not recognized as an internal or external command
CSS
0 vote151 views1 answer
Taille texte css
CSS
3 votes139 views3 answers
Htaccess return 404
CSS
0 vote167 views1 answer
Css div background image loading
CSS
6 votes157 views1 answer
Border-radius circle using %
CSS