特定文本CSS选择器

Question

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

我需要通过使用CSS来隐藏上面的链接（显示：无）我。怎么可以选择（即“到这里来”文字链接）

Answer 1

这是不可能的目标为基础，其内容的元素。 但，也可以根据目标的链路上的href：

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

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

如果你能比在href #以外的值，这种方法可以工作。

Answer 2

不，不可能的CSS。 Css是针对样式元素制作的，而不是选择文本。你可以用jQuery做到这一点，但：

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

Answer 3

不使用CSS，但使用jQuery：

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

或

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

Answer 4

你不能做到这一点与CSS。但即使你可以，你也不应该这样做，真的。决不。即使忘记使用JavaScript（如果它是由我决定，我将排除:contains从jQuery过滤器）。这是非常非常风格的东西坏方法。因为明天你改变链接文本并且你的代码中断了。你真正需要做的是使用类：

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

下一个CSS：

.get-here { 
    display: none; 
} 

Answer 5

如果您需要时出现的文本（和你没有控制权交给自动执行文本），请按照asku的建议使用jQuery。

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

HTML：

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

CSS：

.hide {display: none} 

Answer 6

有了CSS3，你也可以使用a[rel="#"] {display:none}