/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 vote288 views1 answer
Cypress element css
CSS
0 vote143 views1 answer
System ui font
CSS
7 votes149 views3 answers
Circle button css
CSS
6 votes191 views2 answers
How do you make each word in a text start with a capital letter?
CSS
0 vote148 views1 answer
How to add images on images css
CSS
2 votes152 views2 answers
How to center a inline block element
CSS
0 vote139 views1 answer
What's 275 divided by 630
CSS
-1 vote171 views1 answer
Html css image slider
CSS
27 votes151 views6 answers
Color gradient
CSS
0 vote150 views1 answer
Css animate svg circle radius
CSS