/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 vote323 views6 answers
Tailwind css in react
CSS
2 votes328 views1 answer
Responsive background image
CSS
3 votes327 views4 answers
Css keep image ratio
CSS
17 votes301 views1 answer
Css flex center horizontally and vertically
CSS
1 vote339 views1 answer
Materialize customize container
CSS
0 vote324 views1 answer
Css on field blank red border
CSS
13 votes341 views4 answers
Responsive css grid
CSS
37 votes290 views5 answers
Display css
CSS
0 vote333 views1 answer
Viewport is 480 pixels or smaller css
CSS
0 vote363 views1 answer
Css fade change coloir
CSS