用于隐藏文本的CSS选择器

Question

考虑下面的HTML

<nav id="nav-main">
    <li> 
        <a href="javascript:void(0)"> 
           <img src="http://jsfiddle.net/img/initializing.png">
         <span>Sample Link</span>
       </a>
       Hide Me with CSS
   </li>
</nav>

是否可以删除或隐藏使用CSS隐藏 CSS？

我试过了:

#nav-main li a:after{
    content: "";
}

但没有运气.

http://jsfiddle.net/6powxzru/

我无法更改上面的HTML,因为这是一个动态生成的代码(带有JSP标记).

Answer 1

我无法更改上面的html,因为这是一个动态生成的代码

改变 font-size

#nav-main li {
  font-size: 0;
}
#nav-main li a {
  font-size: 12px;
}

<nav id="nav-main">
  <li>
    <a href="javascript:void(0)">
      <img src="http://jsfiddle.net/img/initializing.png" />
      <span>Sample Link</span>
    </a>
    Hide Me with CSS</li>
</nav>