css - 是否可以仅使用 CSS 属性来编辑文本内容？

Question

我被迫使用一个有太多分散注意力的元素的网站，我正在尝试使用自定义 CSS 对其进行调整。我偶然发现了这个很棒的导航链接:

______Link#1__________
______Link#2__________

我能否仅通过使用当前在最新稳定版本的 FF 中工作的 CSS 属性来删除那些 _？

Answer 1

如果链接的宽度相似，您可以通过 overflow: hidden 隐藏有问题的下划线:

a {
  display: block;
  width: 50px;
  overflow: hidden;
  text-indent: -45px
}

如果它们确实有不同的宽度，您可以通过 nth-of-type 选择器单独定位每个...

ul.nav li:nth-of-type(3) a {
  display: block;
  width: 70px;
  overflow: hidden;
  text-indent: -45px
}

这是一个有趣的挑战，祝你好运!

http://jsfiddle.net/F24rh/