如何用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的一部分内容？

回答

相关问题