Match only the first descendent in pure css?

[shikoou]

Is there an elegant way in pure css to match only the first descendent -- similar to jquery first()?in jQuery:\[code\]$(".outer .title").first();\[/code\]Mark-up will vary, so using the direct descendent > selector is unreliable.\[code\]<div class="outer"> <div class="title"></div> <div class="inner"> <div class="title" /> </div></div>\[/code\]Thanks!