隐藏一些跨度但不是全部仅使用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>

我无法编辑，我需要隐藏链接和＆gt; （>）并且只保留最后一个范围（Portal）。我怎样才能用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; }