/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 vote147 views1 answer
Change parent div css on over of child
CSS
1 vote127 views2 answers
Css button border
CSS
1 vote163 views3 answers
Rainbow text css
CSS
0 vote128 views1 answer
An operation was attempted on something that is not a socket
CSS
70 votes149 views4 answers
Css remove scrollbars
CSS
0 vote118 views2 answers
Vertically and horizontally center a fixed div
CSS
1 vote127 views1 answer
What is the username password for ftp lampp
CSS
6 votes148 views5 answers
Font-style css
CSS
19 votes127 views3 answers
Css round element
CSS
17 votes132 views4 answers
Get featured image post wordpress by post id
CSS