W3C home > Mailing lists > Public > www-style@w3.org > November 2012

nth descendent selector

From: Dave Smith <da__smith@hotmail.com>
Date: Fri, 9 Nov 2012 10:33:29 +0000
Message-ID: <DUB002-W57F83CA20DD3AD9FD1CA14A1680@phx.gbl>
To: www-style w3 <www-style@w3.org>

The :nth-of-type and similar selectors are really great but is there reason why we don't have a selector equivalent to document.getElementsByTagName?

A selector like ":nth" that would only ever select zero or one element in comparison to :nth-of-type or similar which can select zero or more elements.

For example
would be equivalent to document.getElementsByTagName('li')[6] 

I for one would find this useful in making my CSS more robust and easier to write, for example take this very rough and contrived scenario:

Document 1:

Document 2:


Document 3:




In this example I want to ensure that the first h1 always has less of a margin above it (or conversely I want to ensure that any subsequent h1s have more of a margin above them) and importantly I have no control over the markup I'm receiving.

There may be are other use-cases for a selector equivalent to document.getElementsByTagName.

all the best
Received on Friday, 9 November 2012 10:33:56 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:23 UTC