The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

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.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?


    # April 19, 2013 at 1:32 pm

    This reply has been reported for inappropriate content.

    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed