隐藏一些跨但不是所有的CSS只有

Question

我有以下的HTML

<span id="ctl00"> 
<span><a class="ms-sitemapdirectional" href="/lnd">Team Site</a></span> 
<span> &gt; </span> 
<span><a class="ms-sitemapdirectional" href="url.aspx">lnd test</a></span> 
<span> &gt; </span> 
<span class="ms-sitemapdirectional">Portal</span> 
</span> 

我不能编辑，我需要隐藏链接和>（>），并只保留最后一个跨度（门户网站）。我如何才能用CSS实现这一点？

我想是这样的：

#ctl00>span {visibility:hidden;} 
span.ms-sitemapdirectional {visibility: visible} 
a.ms-sitemapdirectional {display: none} 

任何想法？ 感谢

Answer 1

试试这个：

#ctl00 span { display: none; } 
#ctl00 span.ms-sitemapdirectional { display: inline; }