Retirer de la table de pointage effet à partir d'un certain nombre de lignes de la table?

Voici html:

<table class="table table-striped table-bordered table-condensed table-hover">
    ....
    </tr>
    <tr ng-repeat-end ng-show="modelRow.activeRow==car.name" class="hidden-table">
        <td colspan="6">
            <table class="table table-striped table-bordered table-condensed table-hover">
                <tr><td>{{car.name}}</td><td>{{car.review}}</td><td>{{car.rating}}</td><td>{{car.recommended}}</td></tr>
                <tr><td>{{car.name}}</td><td>{{car.review}}</td><td>{{car.rating}}</td><td>{{car.recommended}}</td></tr>
                <tr><td>{{car.name}}</td><td>{{car.review}}</td><td>{{car.rating}}</td><td>{{car.recommended}}</td></tr>
            </table>
        </td>
    </tr>
</tbody>

C'est caché ligne qui contient un tableau html à l'intérieur d'elle et s'affiche lorsque vous cliquez sur une rangée sur la table.

Mais quand mon cachés table à l'intérieur d'une ligne s'affiche et vous pointez la souris sur elle, elle change la couleur de fond, mais je n'ai pas besoin de ça. J'ai essayé de corriger cela avec css suivant:

 .hidden-table:hover {
     background-color: none !important;
 }

Mais il ne fonctionne pas. Alors, quelle est la bonne façon de le supprimer de la table de pointage effet à partir d'un certain nombre de lignes de la table?

  • J'ai aussi essayé d'ajouter hidden-table classe à la table
InformationsquelleAutor Michael | 2014-09-15