изменение стиля при нажатии на таблицу

[IamПробник]

Всем привет. Собственно такой вопрос, как реализовать такую вещь на css:

 

при нажатии на ячейку таблицы, эта ячейка должна выделяться.

 

Конструкция такая:

 

index.html

<td class="gid"><input type="radio" id="gd3" name="rad1" style="display: none;" value="radd3"> трололо, текст в ячейке</td>

main.css

input:checked + td.gid{border: 1px solid #FFA700;}

Я понимаю, что здесь ошибка, но как сделать, что бы всё работало, а то знаний css не хватает )))

Edited March 23, 2015 by IamПробник

[Yazon_Nile]

<td class="gid">

<label>

<input type="radio" id="gd3" name="rad1" style="display: none;" value="radd3"> трололо, текст в ячейке

<span></span>

</label>

</td>

input:checked ~ span{

border: 1px solid #FFA700;

}

Edited March 23, 2015 by Yazon_Nile