Get a hold on a nested span

How can I ge开发者_StackOverflowt a hold on the h2 span element?

div#content div.view-content div.view-row-item h2 span { ... is not working...

If you're using FireBug, you can right-click the span tag and 'copy css path' and that will give you the complete path to the element starting from 'html'

You're missing an s in div.view-row-item, it should be:

div#content div.view-content div.views-row-item h2 span {

In your example you've missed an 's' you need:

div#content div.view-content div.views-row-item h2 span 

viewS-row-item