/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

1 vote321 views1 answer
Css animation stop
CSS
0 vote351 views3 answers
Css keep focus color on div after click
CSS
1 vote344 views1 answer
Pagination html css how to working
CSS
4 votes328 views4 answers
Change placeholder color
CSS
0 vote369 views1 answer
Css color codes
CSS
21 votes343 views5 answers
Text-overflow: ellipsis 2 lines
CSS
1 vote335 views1 answer
Flexbox navbar fixed top
CSS
6 votes356 views1 answer
How to make text wrap on overfloe with css
CSS
0 vote350 views1 answer
Css cut lines
CSS
86 votes352 views3 answers
Css tekst bold
CSS