html - 用于隐藏文本的 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 删除或隐藏 Hide Me With CSS？

我试过:

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

但没有运气。

http://jsfiddle.net/6powxzru/

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

Answer 1

I can not change the above html as this is a dynamically generated code

更改字体大小

#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>