/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 vote151 views1 answer
How to disable keyboard in windows 10
CSS
0 vote141 views1 answer
Css static header on scroll
CSS
0 vote152 views1 answer
No nobr substitute in html
CSS
6 votes141 views4 answers
Tailwind css npm
CSS
0 vote170 views1 answer
"selector-max-specificity"
CSS
-1 vote153 views1 answer
How to use a blank space with grid template areas css
CSS
1 vote137 views3 answers
Change scrollbar color
CSS
0 vote281 views2 answers
Html select image background arrow
CSS
0 vote138 views1 answer
Ffmpeg add text with positions relative to video & text dimensions
CSS
0 vote144 views1 answer
The basic - and minimal - structure of an email template looks like this:
CSS