:not

Excludes the specified element when a particular style is being applied. In the example below we are telling the selector to apply the style to all elements within <div>, apart from the <p> elements. So, we are applying the Sans-Serif font to the list items and making them italic, but not the paragraphs.

Again, this code only worked in Firefox and Safari (see the image below).

Pseudo-classes are an important aspect of CSS as they add behaviour to elements and can make the Web site more interactive. None of the examples above worked in IE which comes as no suprise, but Opera suprisingly failed the :root and :not tests. This just shows how important it is to test you CSS code in different browsers, as most still don't implement all the features of CSS.

What problems with your CSS code have you encountered in different browsers? Share your findings in the comments below.

Do you need help with CSS? Gain advice from Builder AU forums

Comments

1

MichaelR - 01/04/08

Surprised you didn't try IE7 that works in every case. Relying on a beta in a comparison test is dangerous.

» Report offensive content

2

eddiep - 01/04/08

Well, everithing diplayed correct in Opera 9.5 beta on my laptop ... Why didn't you used Opera 9.5 beta??? IE and FF were beta ...

» Report offensive content

3

Facilinfor - 01/04/08

"Surprised you didn't try IE7 that works in every case."

I use IE7... and it does not work...

» Report offensive content

4

Code - 02/04/08

For a site thats "by developers for developers", it's surprising that the author of this article links huge, bandwidth wasting BMPs instead of PNG which would have been much smaller in size.

http://en.wikipedia.org/wiki/Portable_Network_Graphics

» Report offensive content

5

Sambi - 02/04/08

Hi,

its unfair you used all the latest beta's or versions of IE, FF and Safari but you are using old version of Opera.

Each and every test that you gave here is working in Opera 9.5 beta.

If you make a comparsion give equal chance to everyone. Either stable versions or beta's.

Anyway good test.

» Report offensive content

6

Lana Kovacevic - 03/04/08

Thank you all for your comments. I have tested the code in Opera 9.50 Beta 1 also. You can find the results here: http://www.builderau.com.au/blogs/syslog/viewblogpost.htm?p=339270947

» Report offensive content

7

Mohan - 02/05/08

I have used almost every browser such as safari, firefox, avantgo,IE but it seems that opera is the best.

» Report offensive content

8

Abraham - 12/09/08

This all worked in Google Chrome, in case anyone is using it. All the CSS is working fine, they fixed some serious AJAX issues it had at first, but now it's fine.
Java still isn't compatible, but that's not part of this article.

CSS works perfectly.

» Report offensive content

Leave a comment

You must read and type the 6 chars within 0..9 and A..F

* indicates mandatory fields.

8

Abraham - 09/12/08

This all worked in Google Chrome, in case anyone is using it. All the CSS is working fine, they fixed some ... more

7

Mohan - 05/02/08

I have used almost every browser such as safari, firefox, avantgo,IE but it seems that opera is the best. ... more

6

Lana Kovacevic - 04/03/08

Thank you all for your comments. I have tested the code in Opera 9.50 Beta 1 also. You can find the ... more

Log in


Sign up | Forgot your password?

What's on?