0

さて、タイトルはひどく言い表されています、私は知っています。私は本当にこれをどのように説明するのか正確にはわかりません。

「ウェブサイト」を編集していますが、HTML、Javascript、PHPなどにアクセスできません。CSSだけで、Webサイトにすでに表示されている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つのアニメです。ナルトのスコアは10、ブリーチのスコアは9です。私の目標は、スコアが10のアニメの場合はいつでも、キーフレームを使用して特定のホバーアニメーションイベントを設定できるように、スコアが10のアニメの親テーブルを選択することです。カーソルを合わせます。

これが設定されている方法では、＃list> table> td：nth-​​of-type（4）aのように、スコア10の各アニメを手動で選択する以外に方法はないと思います。 [href * = "naruto.com"]それが適切かどうかはわかりませんが、これで子を選択できますが、テーブルの親を選択してホバー用にスタイルを設定するにはどうすればよいですか？方法があるに違いありません。:(

あなたが提供できるどんな助けにも感謝します。翌日以内にコメントを残していただければ、すぐに返信できるはずです。

ありがとう。

覚えておいてください、私は単にテーブルにクラスやIDを与えることはできません。セットされたHTML内で何かを追加または編集するためのアクセス権がありません。だから私は別の方法を理解する必要があります。また、＃list table：nth-​​of-type（n）を実行してテーブルを選択することはできません。これは、テーブルのリストが常に変化し（テーブルが追加/削除され）、並べ替えることができ（nを変更）、純粋であるためです。ボリューム（何百ものテーブルについて話している）など、それを場外に投げ出すでしょう。

4

2 に答える 2

0

私の精神は弱められませんでした。私はそれを行う方法を考え出しました。別のtdを操作することで、スコアが10のテーブル内にある必要はなく、透明に設定してテーブル全体に配置し、z-indexを1にし、テーブル内の他のすべての要素を指定します。 z-indexが2の場合、テーブルホバーのイベントを希望どおりに発生させることができます。:)誰かがこのような問題を抱えている場合に備えて、私はこれをここに投稿しています。これは彼らにも役立つかもしれません。

于 2013-02-05T16:05:09.223 に答える
0

これは、CSSだけでは不可能です。少なくとも属性を選択する必要があります。:contentCSS 3のセレクターの提案がありましたが、それは仕様に含まれていませんでした。（詳細はこちら）。

于 2013-02-05T15:37:32.503 に答える