Как мне выбрать родительский элемент при наведении дочернего элемента?

Question

Как мне выбрать родительский элемент при наведении на него дочернего элемента.

Например:

<table id="tb1">
<tr>
<td id="td1">make table red</td>
<td id="td2">make table yellow</td>
</tr>
</table>

Есть ли способ выбрать tb1, когда над ним находится td1используя идентификатор или теги класса?

Answer 1

К сожалению, невозможно выбрать родительский элемент, когда дочерний элемент наведен с помощью только CSS. Это бросило бы вызов каскаду в каскадных таблицах стилей. Однако вы могли бы сделать это с помощью JavaScript или одной из таких библиотек, как jQuery, достаточно просто.

Если бы вы использовали jQuery, следующий результат дал бы результат, который вы ищете:

http://jsfiddle.net/fSqSx/

Answer 2

Идентификаторы таблицы и TD всегда называются так?Предполагая, что при наведении курсора на TD генерируется событие с функцией, которую вы можете выполнить

function highlightTable(){
  var tableID=this.id.replace('td','tb');
  document.getElementById(tableID).style.backgroundColor='#c0c0c0';
}