特定文本的CSS选择器

Question

<a href="#">Get Here</a>

我需要使用css（display：none）隐藏上面的链接。如何选择（即链接“Get Here”文本）

Answer 1

不，css不可能。 Css是为造型元素而制作的，而不是选择文本。你可以用jquery做到这一点：

$("a:contains('Get Here')").hide();

Answer 2

不是使用CSS，而是使用jQuery：

$("a:contains('Get Here')").hide();

或

$("a:contains('Get Here')").css('display','none');

Answer 3

你不能用CSS做到这一点。但即使你可以，你也不应该这样做，真的。决不。甚至忘了为此使用javascript（如果由我决定，我会从jQuery中排除:contains过滤器。这是一种非常非常糟糕的方法。因为明天你改变了链接文本并且代码中断了。你真正需要做的是使用类：

<a href="#" class="get-here">Get Here</a>

使用下一个CSS：

.get-here {
    display: none;
}

Answer 4

无法根据内容定位元素。 但，可以根据其链接定位href：

<a href="go/there.html">Get Here</a>

a[href="go/there.html"]{}

如果您的href中的值不是#，则此方法可行。

Answer 5

如果您需要在文本出现时自动执行（并且您无法控制文本），请使用jQuery作为asku建议。

如果您可以控制文本，那么将类添加到该链接并对其进行样式设置要简单得多。您可以将同一个类添加到需要隐藏的所有链接中。

HTML：

<a href="#" class="hide">Get Here</a>

CSS：

.hide {display: none}

Answer 6

使用CSS3，您还可以使用a[rel="#"] {display:none}