1

私は自分の個人用ブラウザーでこれを行っており、公開 Web サイトを表示しています。そのため、html を変更することはできません。私はクロムとスタイルボットを使用して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>

が classである場合にのみcolor: gray;、リンクに適用するにはどうすればよいですか?<a><img>.icon_folder

これは、遊ぶための jsFiddle ページです。CSS ペインでのみ解決策が必要です。http://jsfiddle.net/hZr9b/

私はこのようなものを探していますが、実際には機能します:

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

4

1 に答える 1

1

マークアップを変更できない場合、画像とアンカーは兄弟ではないため、CSS のみを使用することはできず、CSS2/3 にはこれら 2 つの要素間を移動するのに役立つ親セレクターがありません。

彼らが兄弟だった場合、これは次のように簡単です。

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-24T12:08:14.807 に答える