Mobile Friendly Website


Doing it with style

CSS3 general sibling COMMENTS

Welcome to my Comments Pages

Please note. I get a few hundred emails a week from visitors asking for help, or posing questions on how to modify my demos to suit their application and I read them all. Unfortunately I only have a limited amount of time to spend answering these questions.

So if I do not reply, please do not be offended, and if I do reply then you are one of the lucky ones.

If you are asking for permission to use any of my demonstration then please email me with your request stu{at}

Post a comment

Current posts

Hi Stu,
why not remove the indication on ul:hover .current and put it back on ul:hover a:hover?
Different technique, I know, but you could combine these two to make it work in all browsers. Oh wait, IE6 doesn't support either. Who would've guessed! :-)
(12.05.2010, 08:32)

Richard Bothne:-
Hi Stu,

Great site. I'm trying to use this and it works great except i'm not sure how current works. It's coded as:

.menu li.current ~ li.slide {left:120px;}

in the sample. Whichever <li> as add class 'current' to it always highlights the 2nd item? Am I not understanding how this is supposed to work?
Thanks for your time!

(02.05.2011, 05:33)

Bug still exists on the stock android browser (don't know about 4.3x) but certainly on earlier versions. Your responsive menus using pseudo and sibling selector combinations do not work on these devices.
(10.06.2014, 17:20)


Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page