/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

0 vote258 views1 answer
Css change the accordion arrow color
CSS
1 vote215 views1 answer
Circle css with text in the center
CSS
57 votes200 views2 answers
Hegith specific css in media query
CSS
17 votes211 views2 answers
Solved - gulp : File C:\Users\Tech\AppData\Roaming\npm\gulp.ps1 cannot be loaded because running scripts is disabled on this system.
CSS
56 votes186 views3 answers
How to make a round corner in CSS
CSS
0 vote229 views1 answer
Have unordered list horizontal css
CSS
2 votes206 views1 answer
Css click effect
CSS
2 votes198 views1 answer
Border bottom remove
CSS
3 votes149 views1 answer
Css margin bottom not working
CSS
0 vote192 views1 answer
Inline list css without floats
CSS