/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 vote139 views2 answers
Css cut text of
CSS
0 vote153 views1 answer
Offsetx and offsety in css
CSS
0 vote115 views1 answer
Container transparent text opaque
CSS
0 vote125 views1 answer
How to some of the list and show some in css
CSS
0 vote122 views2 answers
Center a fixed div horizontally
CSS
0 vote129 views1 answer
Npm registry package not found
CSS
17 votes325 views2 answers
Linking css
CSS
7 votes123 views2 answers
Css font families
CSS
0 vote149 views1 answer
Increase the distance between paragraphs css
CSS
80 votes145 views6 answers
Css favicon
CSS