[whatwg] [WA1] <sl> - The Selection List element

Matthew Raymond mattraymond at earthlink.net
Thu Jun 2 08:20:24 PDT 2005

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>

More information about the whatwg mailing list