いくつかのスパンを隠すすべてではなく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; }