Выделение строк с помощью rowspan ⇐ CSS

[Anonymous]

Я хочу выделить строки в таблицах html при использовании диапазонов строк при наведении курсора на строку. Я бы предпочел, чтобы это можно было реализовать с помощью CSS только с минимальным использованием JavaScript или вообще без него.
Сейчас строка таблицы выделяется, но при наличии «подстроки» выделяется только то, что вместо строки она визуально является «частью». ' из.

Код: Выделить всё

table {
width: 100%;
}

.topLevelRow td {
border-top:double 3px silver;
}

td {
border-top:solid 1px silver;
}

tr:hover {
background-color:lightgray;
}

Код: Выделить всё

1
Text 1
Sub A 1
Sub B 1

Sub A 2Sub B 2
Sub A 3Sub B 3


2
Text 2
Sub A 1
Sub B 1

Sub A 2Sub B 2
Sub A 3Sub B 3
Sub A 4Sub B 4
Sub A 5Sub B 5

Как видите, он выделяет только часть строк. . Как мне все это выделить?

Подробнее здесь: https://stackoverflow.com/questions/550 ... th-rowspan