/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

61 votes180 views2 answers
Bootstrap flex direction column
CSS
1 vote220 views1 answer
Css Safari conditional
CSS
0 vote189 views1 answer
How to add hover effect in emotion
CSS
0 vote186 views1 answer
Container media queries for large displays
CSS
12 votes188 views4 answers
On hover display another div css
CSS
0 vote205 views1 answer
Account system php html
CSS
0 vote194 views1 answer
Change the bullet point color css
CSS
0 vote170 views1 answer
Git font
CSS
12 votes188 views2 answers
Center a cpontent css
CSS
0 vote163 views1 answer
Css make background image repeat horizontal
CSS