/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 vote340 views1 answer
Css not hover div right hide
CSS
2 votes321 views2 answers
How use befor after for image
CSS
8 votes335 views1 answer
Center in the middle of the screen html css
CSS
20 votes309 views5 answers
Background color transparent opacity css
CSS
0 vote349 views1 answer
Beautiful checkbox css
CSS
8 votes354 views2 answers
CSS make image fill whole background
CSS
5 votes364 views3 answers
Acf gallery
CSS
57 votes383 views4 answers
Css hover rounded corners
CSS
27 votes358 views4 answers
Unselectable text css
CSS
0 vote342 views1 answer
Relier css html
CSS