/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 vote174 views1 answer
Statamic regex replace
CSS
36 votes190 views4 answers
Adding gradient to text color
CSS
0 vote192 views1 answer
Line height negative css
CSS
0 vote205 views1 answer
How to center a text input in css
CSS
0 vote164 views1 answer
à quoi sert clearfix
CSS
0 vote169 views1 answer
Css different rules on different devices
CSS
2 votes182 views1 answer
Table add margin between rows
CSS
0 vote198 views1 answer
Apply image as full screen responsive background
CSS
0 vote171 views1 answer
Vuetify input change outline color
CSS
0 vote167 views1 answer
Ul change position when restore down
CSS