2013-03-20 104 views
0

如何設置樣式與內容具體與CSS另一個標籤的標籤?如何爲具有CSS特定內容的標籤設置樣式?

例如,我有這樣的:

<p>paragraph one</p> 
<p>paragraph <span>two</span></p> 
<p>paragraph three</p> 

我只是想顯示爲紅色「第二款」因爲這<p>標籤包含一個<span>標籤。

(僅使用CSS和不改變HTML)

+4

你需要使用JS如果你想定位一個父母。你不能在CSS中寫這樣的條件 – 2013-03-20 16:09:07

回答

1

你不能用現在純CSS:它可能是CSS4(reference)的未來規範。

但是,您可以使用jQuery是什麼,以及它的:has selector

$('p:has(span)').addClass('red'); 

與CSS只是看起來像:

.red{ 
    color:red; 
} 

見這個小fiddle

相關問題