/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 vote181 views1 answer
How to use the display property
CSS
0 vote227 views1 answer
Display flex css compatibility
CSS
1 vote185 views1 answer
How to write if condition in css
CSS
16 votes226 views4 answers
CSS Font-Family
CSS
1 vote214 views1 answer
Border style shorthand
CSS
-2 votes209 views2 answers
Outline-radius css
CSS
29 votes244 views4 answers
@font-face css
CSS
0 vote240 views1 answer
Css inverted border radius
CSS
0 vote193 views3 answers
Image not rendering in tailwind css
CSS
2 votes196 views1 answer
Slide up and down animation css
CSS