- From: Dave Smith <da__smith@hotmail.com>
- Date: Fri, 9 Nov 2012 10:33:29 +0000
- To: www-style w3 <www-style@w3.org>
- Message-ID: <DUB002-W57F83CA20DD3AD9FD1CA14A1680@phx.gbl>
Hi
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
li:nth(7)
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:
<h1></h1>
<h1></h1>
Document 2:
<p></p>
<div><h1></h1></div>
<h1></h1>
Document 3:
<div>
<div>
<h1></h1>
</div>
</div>
<h1></h1>
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
Dave
Received on Friday, 9 November 2012 10:33:56 UTC