/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 vote291 views1 answer
Linkedin color hez
CSS
1 vote296 views1 answer
Restful url to update status
CSS
0 vote301 views3 answers
Navigation sidebar animated
CSS
0 vote280 views1 answer
Datepicker not select future date odoo 13
CSS
13 votes299 views3 answers
Rotate image html
CSS
0 vote282 views2 answers
Gray scale css
CSS
12 votes275 views5 answers
How to update the object value of any array key based on value
CSS
2 votes298 views1 answer
How to make html element not selectable
CSS
21 votes270 views6 answers
Text border css
CSS
1 vote320 views1 answer
Css don't break elements
CSS