/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 vote197 views1 answer
Scss @content
CSS
0 vote208 views1 answer
Increase the distance between paragraphs css
CSS
0 vote207 views1 answer
Button slanted slide on hover
CSS
1 vote208 views2 answers
Css clearfix for floats with display table and clear both
CSS
0 vote185 views1 answer
Vertical divider between my flexbox
CSS
45 votes195 views6 answers
Css elipsis
CSS
17 votes193 views1 answer
Sass calc with variable
CSS
0 vote198 views1 answer
To make card box appear more bigger when hover
CSS
56 votes211 views2 answers
Responsive css code for all screen size
CSS
8 votes192 views1 answer
Remove botton styles
CSS