Grow your CSS skills. Land your dream job.

Use of asterisk in CSS

  • # April 19, 2013 at 1:21 pm

    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.

    # April 19, 2013 at 1:32 pm

    From what I’ve read from other sources it looks like a syntax error due to the asterisk being inside of the selectors. But only seems to be an issue with IE. I could be wrong, this is what I’ve seen and read.

    # April 19, 2013 at 1:48 pm

    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?

    # April 19, 2013 at 1:50 pm

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

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

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".