/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

32 votes149 views2 answers
Git stop merge
CSS
0 vote232 views1 answer
Set border only left and right css
CSS
1 vote156 views1 answer
Html if text too long newline
CSS
1 vote155 views1 answer
How to change color of element when hovering over div
CSS
0 vote198 views1 answer
Html appelé fichier css
CSS
5 votes154 views4 answers
Inset css
CSS
0 vote169 views1 answer
Subtracting css
CSS
0 vote206 views1 answer
Translate argument animation css'
CSS
0 vote168 views1 answer
Woocommerce product_cat apply to custom post type
CSS
0 vote141 views1 answer
How to make website using html and css
CSS