/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

11 votes331 views2 answers
Css image filter black and white
CSS
0 vote281 views1 answer
How to active horizental scroll for navbar menu in mobile screen
CSS
94 votes315 views2 answers
Css code to make text bold
CSS
21 votes320 views6 answers
Gradient image css
CSS
0 vote343 views1 answer
Textauswahl deaktivieren
CSS
1 vote315 views1 answer
How to boosts your rendering performance
CSS
1 vote300 views2 answers
Css animated background
CSS
0 vote313 views1 answer
Place image on top right inside flex css
CSS
53 votes312 views6 answers
Css transparent background image
CSS
7 votes327 views4 answers
Css crop image
CSS