/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

2 votes329 views1 answer
Html css class id
CSS
1 vote393 views1 answer
Animated website
CSS
0 vote395 views1 answer
Why we are translating -50%, -50% in css
CSS
0 vote394 views1 answer
Width cross browser
CSS
0 vote378 views2 answers
CSS Or Selector
CSS
64 votes353 views6 answers
Center image html
CSS
7 votes365 views3 answers
Input checked by default
CSS
26 votes399 views3 answers
Css remove border input focus
CSS
2 votes356 views5 answers
Tailwind css margin auto
CSS
3 votes325 views1 answer
Smooth scroll to anchor
CSS