0

Сам вопрос красноречиво отображается на картинке. Структура у строки следующая:

tr:hover {
  background-color: var(--aluminium-60);
}

.dark-table__body {
  padding: 24px;
  font-size: 18px;
  line-height: 24px;
  border: 1px solid var(--aluminium);
}

.dark-table__body--center {
  text-align: center;
}
<table>
  <tbody>
    <tr>
      <td class="dark-table__body dark-table__body--row-title" rowspan="3">
        Enterprise Mobility n Security
      </td>
      <td class="dark-table__body dark-table__body--center">
          Microsoft Intune
       </td>
       <td class="dark-table__body dark-table__body--center" rowspan="3">
         EMSE3
       </td>
       <td class="dark-table__body dark-table__body--center" rowspan="3">
         EMSE5
       </td>
     </tr>
     <tr>
       <td class="dark-table__body dark-table__body--center">
         Azure Information Protection Plan 1
       </td>
     </tr>
     <tr>
        <td class="dark-table__body dark-table__body--center">
          Limited AAD Features
        </td>
      </tr>
    </tbody>
<table>

Вопрос в том, как при наведении выделять все три строки во второй колонке?

2
  • Но таких "тройных" блоков может быть много, ага? 19 июн 2019 в 12:45
  • да, неопределенное количество
    – m m
    19 июн 2019 в 12:47

1 ответ 1

0

пришлось заключать необходимую строку в <tbody> и задавать :hover уже его классу.

2
  • Вариант... если не смущает наличие нескольких tbody) Думал про создание отдельных блоков-таблиц внутри каждого tr. 19 июн 2019 в 13:12
  • @OPTIMUSPRIME хм, можно попробовать
    – m m
    19 июн 2019 в 13:25

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.