/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

2 votes322 views1 answer
Table add margin between rows
CSS
37 votes284 views5 answers
Display css
CSS
0 vote318 views1 answer
Design good font color
CSS
1 vote407 views2 answers
Css all ids starting with
CSS
2 votes300 views1 answer
Margin for text in html
CSS
0 vote341 views1 answer
How to make any word italic in html and css
CSS
17 votes329 views4 answers
Get featured image post wordpress by post id
CSS
12 votes323 views6 answers
Wordpress enqueue script
CSS
185 votes506 views6 answers
Attach css file to html
CSS
0 vote315 views1 answer
Awesome font google icon colored css
CSS