/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 vote168 views1 answer
Css border image repeat property
CSS
22 votes165 views3 answers
Css disable text select
CSS
0 vote163 views1 answer
Click a list html css
CSS
0 vote189 views1 answer
Css clamp vs media queries
CSS
0 vote168 views2 answers
Write mode css
CSS
22 votes158 views2 answers
Disable highlight css
CSS
3 votes174 views4 answers
Transparent button css
CSS
0 vote213 views2 answers
Preloader css
CSS
0 vote194 views2 answers
Get element with href css
CSS
109 votes169 views6 answers
Center css
CSS