/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 vote167 views2 answers
Animate.css not working
CSS
4 votes202 views2 answers
Javafx change button background color
CSS
0 vote158 views1 answer
Colored button link scss
CSS
3 votes169 views1 answer
Top left right bottom css shorthand
CSS
0 vote164 views1 answer
Long text coming out of the block
CSS
45 votes146 views6 answers
How to remove background color in css
CSS
0 vote189 views2 answers
Get element with href css
CSS
2 votes155 views2 answers
How to add box shadow to all sides css
CSS
1 vote162 views1 answer
Mysqli load result into array
CSS
16 votes157 views4 answers
Full page background image in html
CSS