Taming Advanced CSS Selectors - CSS Essentials - page 249

Notes on browser support
Internet Explorer (up until version 8) has no support for structural pseudo-
classes. Firefox, Safari and Opera support these pseudo-classes on their
latest releases. This means that if what it's being accomplished with these
selectors is fundamental for the website's usability and accessibility, or if the
larger part of the website's audience is using IE and you don't want to
deprive them of some design details, it's be wise to keep using regular
classes and simpler selectors to cater for those browsers. If not, you can just
go crazy!
7. e negation pseudo-class
The negation pseudo-class, :not() , lets you target elements that do not
match the selector that is represented by its argument.
For example, this can be useful if you need to style all the input elements
within a form, but you don't want your input elements with the type submit to
be styled — you want them to be styled in a di " erent way —, to look more
like buttons:
input:not([type="submit"]) {
width: 200px;
padding: 3px;
border: 1px solid #000000;
}
Another example: you want all the paragraphs within your post div to have
a larger font-size, except for the one that indicates the time and date:
.post p:not(.date) {
font-size: 13px;
}