Comments on: The Skinny on CSS Attribute Selectors

By: Ben Williams

Ben Williams — Tue, 13 Apr 2010 17:19:02 +0000

It’s not working for me in internet explorer 7. I’m working on a site where we’re have lots of logos displayed for informational purposes. One of the logo owners want’s theirs taken down until we get licensing. So instead of re-writing back end code, I tried this to remove the logo for this case only.

div.foo .bar[style*=xyz] {
background-image:none !important;
}

Does not remove the background image in IE7. I have to use !important because it’s an inline style that adds the background (I know that’s not separating content from style, but worked better this way for programming).

By: Marc Deschamps

Marc Deschamps — Sat, 20 Mar 2010 15:34:57 +0000

Excellent post, i searched alot for an example of

a:not([href ^=http://my.domain.com]) !
Knew something more elegant existed, and finally found the answer, and alot more here :-)

By: Sean

Sean — Fri, 19 Mar 2010 18:16:11 +0000

Actually, I just though of using this to automatically put some margin around images that I am aligning right or left. For example: And then using CSS attribute selector: img[align=right] { margin-left:10px; } This gets me over what has always given me heartburn: users floating pictures using align, but not adding the appropriate class to ensure margin is added.

By: Jeremy

Jeremy — Fri, 19 Mar 2010 05:01:45 +0000

I’m guessing that’s because you can’t put the ‘no-repeat’ in a background-image property. Pretty sure Chris meant to put background, being that he included the no-repeat.

Hey Chris! Awesome post! I had no idea CSS was so versatile.

And it’s also encouraging to see that even friggin’ genius get going to fast and type weird code :)

Keep it comin’, man – I check your site everyday!

By: ckn

ckn — Tue, 16 Mar 2010 16:00:37 +0000

Thanks for that little snippet. I don’t use it often but now use it and validate.

By: William Knight

William Knight — Mon, 15 Mar 2010 21:10:12 +0000

Brilliant post Chris! It’s always nice to learn something new at the start of my week!

By: sigex

sigex — Sun, 14 Mar 2010 05:35:09 +0000

That would be that a lot of people still use old browsers…

By: luca

luca — Thu, 11 Mar 2010 10:32:17 +0000

Really really helpful, especially with the auto generated class in wordpress (tag-link-1,tag-link-2,tag-link-7 .. ). Awesome. Thanks a lot!

By: Joseph McCullough

Joseph McCullough — Wed, 10 Mar 2010 17:25:45 +0000

I didn’t know anything about this. This is awesome, especially for input. I’ve been making .text and .button classes for my input, extremely annoying. This makes much more sense, thank you very much!

By: ximi

ximi — Mon, 08 Mar 2010 09:44:55 +0000

I had a basic knowledge of attribute selectors, but I didn’t know that it was that extensive. This was very informative and will definitely come in handy in the future…