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>
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 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:21:02 GMT