Попытка правильно настроить наведение и CSS для выделения света [закрыто] ⇐ CSS

[Anonymous]

У меня проблемы с CSS, который выделяет правильные строки моей таблицы и разрешает подсветку при наведении на них курсора мыши.
[img]https: //i.sstatic.net/XWr9TnWc.png[/img]

Строки serverA и ServerR выглядят так, как я хочу.
Однако, где имя сервера охватывает более 1 строка, у меня проблемы с подсветкой. Для сервера X я бы хотел, чтобы «Acct X2» и «7 пользователей» (обе строки, а не только AcctX1) также имели альтернативный фон.
Для сервера B я бы не ожидал, что его не будет. из них должен быть фон.
Для serverC я также ожидаю, что все ячейки будут иметь разный цвет фона.
Визуальный элемент из Excel в качестве примера.


Вторая часть
Кроме того, когда я навожу курсор мыши, он не выделяет все.


Я хочу, чтобы при наведении курсора мыши на любую часть ServerA вся группа (сервер A, пользователи Acct A1,9) выделялась. И в настоящее время это работает.
Однако, если я наведу указатель мыши на serverX, ServerB или serverC, изменится только цвет ячейки сервера и первой ячейки строки (для serverX, это будет x1, 9 пользователей)

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

table {
border: thin solid #000000;
min-width: 100px;
width: 70%;
margin: auto;
text-align: left;
padding: 0px;
}

.abc:hover
{
background-color: coral;
}

tr:nth-child(even) {background-color: #a2a2a2;}
}

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

Test Highlight



Server
Group
Users



ServerA
Acct A19 users



ServerR
Acct R19 users



ServerX
Acct X19 users
Acct X27 users



ServerB
Acct B19 users
Acct B217 users



ServerC
Acct C127 users
Acct C27 users
Acct C37 users

Не слишком ли многого я прошу от CSS? Нужно ли мне использовать JavaScript для выделения? При необходимости я могу внести любые изменения в HTML-страницу.

Подробнее здесь: https://stackoverflow.com/questions/792 ... -correctly