Substring在使用CSS的段落中匹配

Question

我有一個<p>Example string</p>內有一些文本。我想使用CSS來搜索該段落中的單詞。

我知道這是可能的，如果你有例如<a href="test"></a>所有您需要做的就是：

a[href*="test"]{} 

但是，當我試圖用我的款要做到這一點我似乎無法得到它的工作。我已經試過：

[p*="string"]{} 

p[*="string"]{} 

Answer 1

簡短的回答是NO ，這隻能使用CSS，你所使用的是element[attr=val]選擇只選擇與特定值的特定屬性的元素是不可能的。您需要使用jQuery或Javascript和正則表達式來跟蹤模式並將樣式應用到其元素。

在另一方面，你可以創建自定義與data-前綴屬性，因此，例如，你可以這樣做

<p data-custom="Holder Text">Want to change this</p> 
<p data-custom="Holder Text">Want to change this</p> 
<p data-custom="Holder Text 2">Dont Touch This</p> 

p[data-custom="Holder Text"] { 
    color: red; 
} 

Demo

但同樣，這沒有意義在這裏，你如果您知道哪些元素需要更改，可以簡單地分配這些類。

Answer 2

你不能使用CSS，但是你可以檢查this blog post關於如何使用jQuery實現這個。

基本上你應該使用:contains選擇：

$("p:contains('John')")