* reference

[syco__]

I have been looking at sites css files and this one appears on a few

/* CSS Document */

* {
margin:0;
padding:0;
outline:none;
}

If i take it out it stops the page displaying correctly can some explain why and what it does?

[abduraooft]

It's the universal selector

[vikram1vicky]

asterisk (*) is wild character used in CSS to target all elements. Means properties defined in * { ...} will be applicable to all HTML element.




In your code, It will reset margin and padding to zero.

[syco__]

ok cheers i thought it was something along this lines but i cant seem to figure out why it doesnt work if i put the same info in the body tag? what is the reason for this?

[Apostropartheid]

ok cheers i thought it was something along this lines but i cant seem to figure out why it doesnt work if i put the same info in the body tag? what is the reason for this?

Because the body element is not every element.

body { } selects only the body element
* { } selects every element.