Get a free trial // Grow your CSS skills // Land your dream job

What does this mean in CSS?

  • # December 2, 2012 at 1:23 pm


    # 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:

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


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

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

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed