javascript - 不显示在 多次列出

Question

我想不出更好的方式来表达标题，但要直截了当。

我的代码设置如下：

<li> 
 <a class="news" href="http://MYLINK">
  <span>News</span>
 </a>

<ul>

 <li class="blog">
  <a href="http://MYLINK/">
   <span>Blog</span>
  </a> 
 </li>

 <li class="news">
  <a href="http://MYLINK">
   <span>News</span>
  </a>
 </li>

</ul>

</li>

每个MYLINK都有一个background-image附加的。

我的 CSS：

a.news { display: block; width: 105px height: 28px; 
background-image: url(Icons/news.png); }

a.news span { display: none; }

它将保持链接而不显示文本。

但是当我对li类做同样的事情时blog，news它不会显示文本，但它也不会保留链接。有什么帮助吗？

我应该使用 js/jQuery 来使其正常工作吗？

Answer 1

您也应该为链接指定宽度和高度：

li { width: 105px height: 28px; background-image: url(Icons/news.png); }
li a {display: block; width: 105px height: 28px;}
li a span { display: none; }