着色表格單元后代

我正在使用我自己的個人瀏覽器，查看pbulic網站。因此，我無法更改他們的HTML。我使用chrome和stylebot來應用CSS樣式。我需要一個CSS的解決方案如下：着色表格單元后代

<tr class="bg_small_yellow"> 
    <td class="row1" valign="middle" align="center" width="20">         
    <img class="icon_folder" src="/eaforum/images/transp.gif" alt=""> 
    </td> 
    <td class="row1" width="100%"> 
    <span class="topictitle"> 
     <a href="/eaforum/posts/list/9578017.page" id="topic_link_9578017" title="SimCity Traffic"> 
     SimCity Traffic 
     </a> 
    </span> 
    </td>

如何申請color: gray;到<a>鏈接，當且僅當<img>是.icon_folder類？

這是一個jsFiddle頁面來玩。我只想在CSS窗格中使用解決方案。 http://jsfiddle.net/hZr9b/

我期待這樣的事情，但實際工作：

(td > img.icon_folder) + td a:link { color: gray; }

來源

2013-06-24 roberto tomás

您能提供您正在查看的網站的鏈接嗎？ – Nitesh

CSS？除非您可以更改HTML，否則不會發生。 – lifetimes

彌敦道，瀏覽器是我目前的！ :) –

如果標記不能改變的話，那是因爲圖像和錨不是隻使用CSS是不可能的兄弟姐妹，並且CSS2/3中有no parent selector以幫助在這兩個元素之間導航。

如果他們是兄弟姐妹，也可能是因爲這很容易：

HTML：

<img class="icon_folder" src="/eaforum/images/transp.gif" alt=""> 
<a href="/eaforum/posts/list/9578017.page" id="topic_link_9578017" title="SimCity Traffic">SimCity Traffic</a>

CSS：

img[class="icon_folder"] + a { 
    color:grey; 
}

但是，正如你提到你不能改變在這種情況下的標記，不幸的是你必須使用JavaScript。

來源

2013-06-24 12:08:14 lifetimes

謝謝:)我不能這樣做，但也許我可以用它來向他們展示爲什麼他們應該做出改變。 –

着色表格單元后代

回答

相關問題