Comments on: Negative Proximity

By: Paceaux

Paceaux — Tue, 29 May 2012 19:19:41 +0000

Thank you for writing this article. I’ve started doing some dev work with the :not() selector and I was incorrectly assuming that it added specificity. Thankfully the scenarios that I had didn’t require an original rule, but it’s good to know that the following two lines have equal specificity.

.ie #main a{
display:inline;
}
:not(.ie) #main a{
display:inline-block;
}

Why doesn’t :not() have specificity, then? I can only guess that it’s because there’s an assumption that you don’t have a positive rule that need to be overwritten, right?

By: Friday Focus 03/16/12: Wide Slides | Devlounge

Friday Focus 03/16/12: Wide Slides | Devlounge — Fri, 16 Mar 2012 13:09:27 +0000

[...] – Negative Proximity “There’s a subtle aspect of CSS descendant selectors that most people won’t have noticed [...]

By: Niels Matthijs

Niels Matthijs — Wed, 14 Mar 2012 16:22:28 +0000

Nice article! Wrote a very similar one almost two years ago (css specificity and proximity) but many people still fail to understand this. Part of the problem is probably that the space operator is equally misunderstood.

By: Some links for light reading (14/3/12) | Max Design

Some links for light reading (14/3/12) | Max Design — Tue, 13 Mar 2012 20:41:15 +0000

[...] Negative Proximity [...]

By: jftf

jftf — Sat, 10 Mar 2012 22:30:49 +0000

This is good stuff. Just want to point out that :not is a CSS3 pseudo selector, which isn’t available natively on older browsers, such as IE 7-8. Le sigh.

The good news is that most of us are using a Javascript framework along our CSS! Which means that $(x).not(‘.blahClass’) will work across all platforms. Yay.

By: Stephanie Hobson

Stephanie Hobson — Thu, 08 Mar 2012 20:14:25 +0000

Silly computers doing what we say instead of what we mean.

By: Eric Meyer

Eric Meyer — Thu, 08 Mar 2012 01:23:03 +0000

Whoops! Indeed so, Aubrey. I’ve corrected the error. Thanks!

By: Aubrey

Aubrey — Wed, 07 Mar 2012 21:18:27 +0000

Do you mean:

The paragraph is a child of a div that doesn’t have a class of one, but it’s also descended from a DIV that has a class of one. Both rules apply.