/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

8 votes338 views5 answers
Css hover change other element
CSS
0 vote282 views1 answer
How to create polaroid effect in css
CSS
0 vote264 views1 answer
How to make code continue after a transition css
CSS
71 votes276 views6 answers
Css center image
CSS
5 votes251 views1 answer
Cursor couleur in css
CSS
0 vote272 views1 answer
Multer buffer undefined
CSS
67 votes275 views6 answers
How to center a div in css
CSS
0 vote252 views1 answer
Cta button css
CSS
1 vote285 views1 answer
Width defined by content css
CSS
0 vote309 views1 answer
Css selectors presentation
CSS