/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 vote357 views1 answer
Request.env.cr.execute how to get the fetched data in dictionary
CSS
0 vote334 views1 answer
Css popover arrow divi menu
CSS
0 vote373 views1 answer
Css prevent text wrap
CSS
0 vote353 views1 answer
Add css file through jquery
CSS
3 votes334 views1 answer
Responsive flexbox in css
CSS
5 votes359 views2 answers
Css disabled div
CSS
1 vote353 views3 answers
Jquery set div height dynamically
CSS
0 vote370 views1 answer
Rotate icon
CSS
1 vote387 views1 answer
Jquery css multiple line
CSS
0 vote337 views1 answer
The edit queue is full at the moment - try again in a few minutes!
CSS