0

好吧，我知道，标题用词很糟糕。我真的不知道该怎么形容这个。

我正在编辑一个“网站”，但我无权访问 HTML、Javascript 或 PHP 或其他任何东西。只有 CSS，我可以创造性地操纵网站中已经呈现的 HTML。

<div id="list">
<table>
 <tbody>
  <tr>
   <td class="td1">blahblahblah</td>
   <td class="td1">blahblahblah</td>
   <td class="td1">blahblahblah</td>
   <td class="td1"><a href="bleach.com">Bleach</td>
   <td class="td1">Score: 9</td>
  </tr>
 <tbody>
</table>

<table>
 <tbody>
  <tr>
   <td class="td2">blahblahblah</td>
   <td class="td2">blahblahblah</td>
   <td class="td2">blahblahblah</td>
   <td class="td2"><a href="naruto.com">Naruto</a></td>
   <td class="td2">Score: 10</td>
  </tr>
 <tbody>
</table>
</div>

所以这基本上是它的设置方式。这是2部动漫，漂白剂和火影忍者。Naruto 的得分是 10，Bleach 的得分是 9。我的目标是选择包含得分为 10 的动画的父表，这样我就可以在得分为 10 的动画表中使用关键帧设置特定的悬停动画事件悬停在上方。

现在设置的方式是，我认为除了手动选择每个得分为 10 的动画之外，没有其他方法可以通过执行 #list > table > td:nth-of-type(4) 之类的操作[href*="naruto.com"] 虽然我不确定这是否相关。这就是我可以选择孩子的方式，但是如何选择表格父级以设置悬停样式？一定有办法的。:(

感谢您提供的任何帮助。如果您在第二天发表评论，我应该能够立即回复。

谢谢。

请记住，我不能简单地给一个表一个类或 id。我无权在设置的 HTML 中添加或编辑任何内容。所以我需要想出一个不同的方法。此外，通过执行 #list table:nth-of-type(n) 选择表格是不可能的，因为表格列表将不断变化（添加/删除表格），可以排序（改变 n），并且纯粹音量（我们说的是数百张桌子）等，这会使它失去作用。

4

2 回答 2

0

仅使用 CSS 是不可能的。您至少需要选择一个属性。有一个:content针对 CSS 3 的选择器的提议，但最终没有出现在规范中。（更多信息在这里）。

于 2013-02-05T15:37:32.503 回答
0

我的精神没有消沉。我想出了一个办法。通过操纵另一个 td 我不需要它在得分为 10 的表格中并将其设置为透明并将其定位在整个表格上，使其 z-index 为 1，以及表格中的所有其他元素z-index 为 2，我可以按照我的意愿使表悬停事件发生。:) 我只是在这里发布这个，以防有人遇到这样的问题，这也可能对他们有所帮助。

于 2013-02-05T16:05:09.223 回答