/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 vote136 views2 answers
How to style a particular image in css
CSS
0 vote197 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
0 vote143 views2 answers
Cut word css
CSS
0 vote124 views1 answer
Sticky header not working chrome
CSS
2 votes138 views1 answer
Width 100% with padding
CSS
0 vote130 views1 answer
Patterns with css
CSS
0 vote130 views2 answers
Laravel 7 css loading slow
CSS
222 votes343 views6 answers
Bootstrap CSS CDN
CSS Bootstrap
0 vote141 views1 answer
Pyqt5 qresources
CSS
3 votes197 views3 answers
Font shadow css
CSS