2013-03-05 83 views
3

我想使一個表格單元格的字體顏色在裏面有一個img紅色。我將如何使用CSS選擇器專門做這件事?這個問題可以延伸到如何選擇具有特定類型元素的元素作爲其子元素。謝謝css選擇器來選擇一個表格單元格包含img

+0

你需要用JavaScript做到這一點。 http://stackoverflow.com/q/45004/2129835 – thgaskell 2013-03-05 19:47:32

回答

1

In CSS4 there is a spec,要在更大的選擇器中標記要設置樣式的元素。實際符號各不相同,目前指向!

所以你的情況選擇是這樣的(根據目前的規格):

table !td img { 
    font-color: red; 
} 

但是請注意,這不是在任何當前瀏覽器的支持。

+2

我可以問,爲什麼你打擾,即使這樣的答案,當它是「不支持任何當前的瀏覽器」?這實際上相當於根本不是答案。 – ScottS 2013-03-05 19:48:30

+1

只是爲了指出進一步的發展。我不希望這個答案被接受,但稍後添加這個以供參考。 – Sirko 2013-03-05 19:49:30

+0

我喜歡包含可能會出現的問題的答案,但看起來這樣的答案似乎也應該包含此時此刻的解決方案(因爲很顯然,OP需要今天的一些答案,而不是在瀏覽器中可能會發生CSS4)。 – ScottS 2013-03-05 19:55:53

3

你知道提前哪些細胞會有圖像嗎?如果是這樣,向td元素添加一個類,例如:

<tr> 
    <td class="has-image"><img src="..." /></td> 
</tr> 

這是最簡單的方法......否則,您需要使用JavaScript。在jQuery中,這看起來像:

$('td img').parents('td').addClass('has-image');