Is there an elegant way in pure css to match only the first descendent -- similar to jquery first()?
in jQuery:
$(\".outer .title\").first(); >
Look up CSS selectors - W3Schools CSS Selectors
This might be what you're looking for though: .outer .thing:first-child {}
.outer .thing:first-child {}
You could also try nth-child()
nth-child()