【问题标题】:Can CSS select elements with specific content? [duplicate]CSS 可以选择具有特定内容的元素吗? [复制]
【发布时间】:2012-02-07 12:51:06
【问题描述】:

可能重复:
CSS 3 content selector?

我想知道,是否可以使用 CSS 根据其内容选择一个元素?

我意识到我可以使用这样的东西:

.this[href="./foo.php"] {
    /* And the styles... */
}

但是有没有办法根据内部内容进行选择?

如果我有这个:

<p>[ Continued ]</p>

如果可以的话,如何根据它的内容选择它,[ Continued ]

【问题讨论】:

  • 从标题,“CSS”...如果我没记错的话,它不是 jQuery
  • 大声笑,这就是我把它作为评论的原因。我不熟悉任何 css 解决方案,但 jQuery 可以做到。
  • 是的,用 CSS 似乎不可能,我用 jQuery 做到了,但想要一个非 js 解决方案......无论如何我发现了,所以......是的。

标签: css css-selectors pseudo-class


【解决方案1】:

不,不使用 CSS,而且真的不应该也需要。如果您正在制作“继续”按钮、链接或其他任何内容:指定一个类,也许是一个 ID,甚至使用一个属性,然后选择它。对于您已经拥有多少选项的内容选择器,确实不需要

更不用说,向这个链接添加一个类或某种标识使它看起来像文档中的常规文本,可能会删除它的一些语义含义。给它一个单独的类使它脱颖而出。如果我给一个链接一个“按钮”类,这使它从页面上的其他链接中脱颖而出,说“我是一个按钮,而不仅仅是一个普通的链接”。基于内容的选择没有任何作用;这只是另一个链接。

【讨论】:

  • 好吧,我正在使用 phpBB 论坛并安装了一个附加功能,但似乎无法找到如何向某物添加一个类(没有创建插件),所以我找不到方法摆脱它。不过我会看的。 :P 谢谢
  • 本来会有一个:contains() 伪类,但由于未知原因被删掉了。见this answer。这可能与性能有关(每个祖先都会匹配给定字符串的裸 :contains() 选择器),以及,就像你说的,选项已经可用。
  • 等等,没关系,我找到了它:D 所以是的.. 这毫无意义,如果我知道如何删除它就好了..
  • @sackbot14:没有理由删除任何内容。这是一个其他人可能也感兴趣的有效问题。
  • @sackbot14:我会为你关闭它,但我不会删除它,因为我认为它值得保留。 (并非所有重复项都需要删除。)
猜你喜欢
  • 2017-09-13
  • 1970-01-01
  • 1970-01-01
  • 2016-06-01
  • 1970-01-01
  • 2011-05-12
  • 2011-07-14
  • 2010-11-16
相关资源
最近更新 更多