/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 vote219 views2 answers
Hide Categories - Woocommerce Product Page
CSS
4 votes198 views3 answers
Css moz webkit generator
CSS
0 vote239 views1 answer
#f7fafc
CSS
0 vote225 views1 answer
Liste commandes disponibles linux
CSS
54 votes176 views6 answers
Background color css
CSS
-1 vote201 views1 answer
Css selector list
CSS
0 vote221 views1 answer
How to add dotted line after and before text in css
CSS
2 votes208 views1 answer
Media queries css responsive max width
CSS
0 vote221 views2 answers
Caching
CSS
0 vote218 views1 answer
Javavscript use .filter to return odd numbers in an array
CSS