1

我在自己的个人浏览器上执行此操作，查看公共网站。因此，我无法更改他们的 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>

当且仅当is 类时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 中没有父选择器来帮助在这两个元素之间导航。

如果他们是兄弟姐妹，就这么简单：

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 回答