Enrico: Ausgehend von eingebettetem Element auf nächstes Kind zugreifen

Beitrag lesen

Guten Abend,

ich habe folgende HTML-Struktur:

<table cellspacing="0">
   <tbody>
      <tr>
         <td class="label">
            <input id="auswahl1" type="radio" name="auswahl" />
            <label for="auswahl1">L<br>I<br>V<br>E</label>
         </td>
         <td>
            ... Inhalt 1 ...
         </td>
         <td class="label">
            <input id="auswahl2" type="radio" name="auswahl" />
            <label for="auswahl2">P<br>R<br>O<br>M<br>O</label>
         </td>
         <td>
            ... Inhalt 2 ...
         </td>

         ...

      </tr>
   </tbody>
</table>
<input type="button" value=" drucken " onclick="...">

Ich gebe hier verschiedene Daten aus und möchte über CSS bei angeklicktem Label (und dem damit markierten Radiobutton) die nachfolgende Zelle mit einer Hintergrundfarbe versehen. Ich möchte so die Daten farblich hervorheben, die beim späteren Klick auf den Button "drucken" ausgedruckt werden.

Problem scheint zu sein, dass ich in der CSS-Datei vom Selektor [type=radio]:checked ausgehen muss und dieser ja in eine Tabellenzelle eingebunden ist.

Der Kind-, Nachfahren-, Nachbar- und Geschwisterselektor scheinen diese "Barriere" nicht überwinden zu können.

Gibt es keine Lösung über CSS?

Vielen Dank und Gruß, Enrico