特定文本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}