Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

CSS Asterisk (*) selector inside the brackets

CSS Asterisk (*) selector inside the brackets

Problem

I know that the * Selector selects all elements if used as such:

Example 1:

* {
  margin: 0;
  padding: 0;
}

But what does it mean when it is put like this:

*zoom: 1; or *margin-left: 2.5109110747408616%;?

P.S: I am sorry if this question has been asked before, but I only managed to find explanation for the use of asterisk as a selector outside the brackets. (Example 1).

Problem courtesy of: Per Andreasen

Solution

It's your old friend IE.

That's one of the many IE CSS Hacks. You can see the rest here. You have to beware that it's a hack and not valid CSS. So, it could end up breaking something. If you do end up needing to use a hack, I suggest looking for alternatives first.

Solution courtesy of: RogerMo

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

CSS Asterisk (*) selector inside the brackets

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×