Hide some spans but not all with CSS only

I have the following html\[code\]<span id="ctl00"><span><a class="ms-sitemapdirectional" href="http://stackoverflow.com/lnd">Team Site</a></span><span> > </span><span><a class="ms-sitemapdirectional" href="http://stackoverflow.com/questions/4742623/url.aspx">lnd test</a></span><span> > </span><span class="ms-sitemapdirectional">Portal</span></span>\[/code\]I can't edit and I need to hide the links and the > (\[code\]>\[/code\]) and only keep the last span (Portal). How can I achieve this with CSS only?I tried something like:\[code\]#ctl00>span {visibility:hidden;}span.ms-sitemapdirectional {visibility: visible}a.ms-sitemapdirectional {display: none}\[/code\]Any ideas?Thanks
 
Top