Css ：contains（'text'）不起作用

我需要一个替代：contains'text'，因为我不想使用jquery

我试图做的是，如果href包含特定的文本字符串，则不显示整个li标记

li[href*="foo"] { display: none; }

换句话说，如果你看到这个

<UL>
  <LI><A href="folder/one">one</A></LI>
  <LI><A href="folder/two">two</A></LI>
  <LI><A href="folder/three">three</A></LI>
</UL>

但既然这对我不起作用，我想知道是否有人能帮我

---

谢谢。

将li[href*=two]替换为[href*=two]好，但我不希望整个li元素出现。不仅仅是a href。li元素还包含我不想要的其他信息。看起来这是CSS中向后遍历的一个要求，这是无法完成的。您必须使用脚本来完成这类任务，在某些特定情况下，我们可能有一些纯CSS的解决方法。这让我明白了为什么我会在这里。我也会接受javascript解决方案。老实说，我发现jQuery比纯JS更棒、更易于使用。有没有充分的理由不使用jQuery？

li[href*="two"] { display: none; }