/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

-1 vote66 views1 answer
How to make div possion top in css
CSS
0 vote109 views1 answer
How to add space between image and text in css
CSS
0 vote67 views1 answer
Laravel load css from public
CSS
29 votes112 views1 answer
Boxsahdow
CSS
7 votes101 views2 answers
Css list remove dot
CSS
0 vote98 views1 answer
Remove border radius select css
CSS
0 vote116 views1 answer
Alternate css animation
CSS
-1 vote109 views2 answers
How to add image with url in css
CSS
-1 vote98 views2 answers
Html and css websites
CSS
4 votes119 views2 answers
Html css rounded corners with mark
CSS