Use of asterisk in CSS

[Dami]

I have run into the following style:

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: #bc6d30; *background-color: #e69656; }

Notice toward the end there is an asterisk before the second notation of background-color and the color is different. Can anyone explain why the asterisk is there and what it does and why I would need it?

Thanks.

[Dami]

Hmm, that’s interesting. There are several other styles with the asterisk beside an attribute in that style sheet. I believe the style sheet was made with SASS, could that have anything to do with it?

[Paulie_D]

I suspect this is the IE7 Asterisk/Star Hack

http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-how-to-target-ie6-and-ie7-with-only-two-characters/

[Dami]

Ah, that makes sense. Thank you. It did have me puzzled.

I knew this was the place to come for answers!! ;)

[Author]

Posts