- From: Matthew Raymond <mattraymond@earthlink.net>
- Date: Thu, 02 Jun 2005 11:20:24 -0400
R.J.Koppes wrote: > I don't really see the advantage above using ordinary lists or form controls > and css pseudoclasses like :target ,:focus and :active Let's look at these pseudoclasses one at a time... The :target pseudoclass only applies to an element that has its |id| attribute as part of the URL. If it isn't in the URL, or the URL changes so that the |id| is no longer in the URL, then the styling is not applied. Focus is lost when you click on something else on the page, so you can't use :focus to style a list item as being a selected tab. From the CSS3 Selectors spec: | The :active pseudo-class applies while an element is being activated | by the user. For example, between the times the user presses the mouse | button and releases it. So clearly :active is useless once your mouse button is up. The only real way to use a list for tabs without Javascript is to have a list that maintains items as being selected. So, we either provide a way to do that with current lists, or create a new list. If you can think of a way that existing lists can be given a means of item selection, then that's fine as well. Here's a thought on that: | <ul selection="single"> | <li selected="selected"><a href="#s1">Section 1</a></li> | <li><a href="#s2">Section 2</a></li> | <li><a href="#s3">Section 3</a></li> | </ul>
Received on Thursday, 2 June 2005 08:20:24 UTC