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

发布于 2024-11-06 02:37:59 字数 249 浏览 5 评论 0原文

我被迫使用一个有太多分散注意力的元素的网站,并且我正在尝试使用自定义 CSS 来调整它。我偶然发现了这个精彩的导航链接:

______Link#1__________
______Link#2__________

Can I remove those _'s only by using CSS properties that current work inlatest stable version of FF?

I'm forced to use a website that had too many distracting elements and I'm trying to adjust it using custom CSS. I stumbled upon this wonderful navigation links:

______Link#1__________
______Link#2__________

Can I remove those _'s only by using CSS properties that currently work in latest stable version of FF?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

音盲 2024-11-13 02:37:59

如果链接的宽度相似,您可以通过溢出将有问题的下划线隐藏在视图之外:隐藏:

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

如果它们确实具有不同的宽度,您可以通过第n个类型选择器单独定位每个链接...

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

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

http://jsfiddle.net/F24rh/

If the links are similar in width, you could hide the offending underscores out of view through overflow: hidden:

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

If they do have different widths, you could target each one individually through the nth-of-type selector...

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

It's an interesting challenge, good luck!

http://jsfiddle.net/F24rh/

追星践月 2024-11-13 02:37:59

不;目前,您只能使用 CSS 在元素之前和之后添加文本(甚至这种支持也是有限的)。

要执行您正在尝试的操作,请考虑编写一个 Greasemonkey 脚本。

No; You can currently only add text before and after elements using CSS (and even that support is limited).

To do what you're attempting, consider writing a Greasemonkey script.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文