/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

6 votes253 views5 answers
Font-style css
CSS
2 votes245 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS
1 vote261 views1 answer
Multiple divs next to each other
CSS
0 vote220 views1 answer
An operation was attempted on something that is not a socket
CSS
7 votes218 views2 answers
How to make image same size as text css
CSS
1 vote214 views1 answer
Bootstrap ol
CSS
0 vote279 views1 answer
Css inherit class
CSS
0 vote225 views2 answers
Css disabled cursor not allowed
CSS
0 vote179 views1 answer
Pointer bootstrap 4
CSS
3 votes239 views1 answer
Css transition visibility
CSS