0
如何設置樣式與內容具體與CSS另一個標籤的標籤?如何爲具有CSS特定內容的標籤設置樣式?
例如,我有這樣的:
<p>paragraph one</p>
<p>paragraph <span>two</span></p>
<p>paragraph three</p>
我只是想顯示爲紅色「第二款」因爲這<p>
標籤包含一個<span>
標籤。
(僅使用CSS和不改變HTML)
如何設置樣式與內容具體與CSS另一個標籤的標籤?如何爲具有CSS特定內容的標籤設置樣式?
例如,我有這樣的:
<p>paragraph one</p>
<p>paragraph <span>two</span></p>
<p>paragraph three</p>
我只是想顯示爲紅色「第二款」因爲這<p>
標籤包含一個<span>
標籤。
(僅使用CSS和不改變HTML)
你不能用現在純CSS:它可能是CSS4(reference)的未來規範。
但是,您可以使用jQuery是什麼,以及它的:has
selector:
$('p:has(span)').addClass('red');
與CSS只是看起來像:
.red{
color:red;
}
見這個小fiddle
你需要使用JS如果你想定位一個父母。你不能在CSS中寫這樣的條件 – 2013-03-20 16:09:07