/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 vote303 views1 answer
Hover on father elemet activates a child element css
CSS
9 votes278 views1 answer
Make background full on every screen css
CSS
52 votes249 views4 answers
Css cursor pointer hover
CSS
1 vote284 views1 answer
What port does wss use
CSS
17 votes305 views4 answers
Appdata roaming npm react-native.ps1 cannot be loaded
CSS
3 votes301 views1 answer
E/ViewRootImpl: sendUserActionEvent() mView returned.
CSS
0 vote265 views1 answer
What does it mean when we write width :100%?
CSS
9 votes321 views3 answers
How to affect a deffernt element in css
CSS
0 vote306 views1 answer
Not for specific child class
CSS
6 votes275 views3 answers
How to round input border
CSS