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.
[class*='col-']
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/
awesome, thanks for the resource.
Yeah Andy's right.
Any css class with col- inside will apply to that tag.
Sam
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.
Attribute selectors are really heavy. Abusing use can slow down performance.
Thanks @HugoGiraudel! I figured as much but it cannot hurt to clarify.