隐藏一些跨度但不是全部仅使用CSS

时间:2011-01-20 01:27:50

标签: html css

我有以下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; (&gt;)并且只保留最后一个范围(Portal)。我怎样才能用CSS实现这个目标?

我尝试过类似的事情:

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

有什么想法吗? 感谢

1 个答案:

答案 0 :(得分:2)

试试这个:

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