如何用CSS隱藏li的一部分內容？

在下面的代碼中，我想隱藏「Hello world」，但保持可見我的ul.myphotos與CSS。如何用CSS隱藏li的一部分內容？

這裏是什麼，我有一個樣本：

<ul class="content"> 
    <li> 
     Hello world 
     <ul class="myphotos"> 
      <li>Photo1</li> 
      <li>Photo2</li> 
     </ul> 
    </li> 
</ul>

來源

2012-07-02 Dacobah

[CSS：僅顯示DIV的相關子集]的可能重複（http://stackoverflow.com/questions/11291231/css-showing-only-a-relevant-subset-of-a-div） –

答案是：將'li'上的'font-size'設置爲'0'，並將其子項的'font-size'設置爲正常。（或者，最好是在它周圍放置標記並選擇並隱藏它。當然，這並不難。） –

你不能做到這一點的代碼，你有個大氣壓（當然，是的，你可以用一些比較「哈克」招數......）。

我提出了一個乾淨的解決方案：裹在一個單獨的標籤的文本，如：

<ul class="content"> 
    <li> 
     <span>Hello world</span> 
     <ul class="myphotos"> 
      <li>Photo1</li> 
      <li>Photo2</li> 
     </ul> 
    </li> 
</ul>

現在你可以輕鬆地說：

li > span{ 
    display:none; 
}

來源

2012-07-02 16:29:06 Christoph

當然可以。看到我可能的重複。 –

@JaredFarrish如果你不想冒險被黑名單上市，那麼你一定可以這樣做。使用固定的字體大小也是一個壞習慣。 – Christoph

如果是在打印樣式表中，我懷疑這將是一個問題;如果您有其他信息來反駁這一理論，請隨時指出。此外，並非所有情況都需要SEO考慮;如果你不能操縱標記，那麼除此之外你沒有什麼選擇。 –

看跌的Hello World在<span>與標籤一個id然後隱藏它。

來源

2012-07-02 16:29:40 Conner

如何用CSS隱藏li的一部分內容？

回答

相關問題