Grow your CSS skills. Land your dream job.

What does this mean in CSS?

  • # December 2, 2012 at 1:23 pm

    [class*='col-']

    # December 2, 2012 at 1:25 pm

    It’s an attribute selector so basically any element that has a class that contains ‘col-’ will have the following CSS applied to them.

    Edit: Chris has a good lengthy article about this here: http://css-tricks.com/attribute-selectors/

    # December 2, 2012 at 1:29 pm

    awesome, thanks for the resource.

    # December 3, 2012 at 5:59 am

    Yeah Andy’s right.

    Any css class with col- inside will apply to that tag.

    Sam

    # December 3, 2012 at 7:55 am

    That’s a great article. Does anyone know the hit the CSS processing takes with using attribute selectors? I would imagine it isn’t ideal because the style sheet has to search the markup for a match each time you use it. I’m sure that’s not that big an issue for most cases, but I am definitely curious.

    # December 3, 2012 at 8:10 am

    Attribute selectors are really heavy. Abusing use can slow down performance.

    # December 3, 2012 at 8:56 am

    Thanks @HugoGiraudel! I figured as much but it cannot hurt to clarify.

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

You must be logged in to reply to this topic.

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