Como fazer o efeito de highlight com css

Olá,

estou tentando aplicar o estilo assim:

.tabela-habilidades tbody tr:hover {
  background-color: #851944;
}

a tabela está assim:

<table class="tabela-habilidades">
        <thead>
          <tr>
            <th>Habilidade</th>
            <th>Nível</th>
            <th>Experiência</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <th>HTML5</th>
            <td>Proficiente</td>
            <td rowspan="2">Uso em todos os sites que desenvolvo</td>
          </tr>
          <tr>
            <th>CSS3</th>
            <td>Proficiente</td>
            <!-- <td>Uso em todos os sites que desenvolvo</td> -->
          </tr>
          <tr>
            <th>Javascript</th>
            <td>Proficiente</td>
            <td>Uso em todos os sites que desenvolvo, aplicando-o de forma não-obstrutiva</td>
          </tr>
          <tr>
            <th>Design</th>
            <td>Proficiente</td>
            <td>Formado em web design pela universidade de Jacarezinho</td>
          </tr>
          <tr>
            <th>Git</th>
            <td colspan="2" rowspan="3">Estudando</td>
          </tr>
          <tr>
            <th>Java</th>
          </tr>
          <tr>
            <th>Angular</th>
          </tr>
        </tbody>
      </table>