Jak wyłączyć hover do pierwszego i ostatniego wiersza w Tabeli

0

Cześć. Jak w temacie. Jak wyłączyć hover dla pierwszego i ostatniego wiersza w tabeli: Mam dużo wierszy i zmieniłem po najechaniu myszą kolor background dla wiersza.

table tr:hover{
background: #F1D046;
}

Mogę na tych dwóch ustawić klasę i przywrócić na wiersz kolor tła(zrobić tak jak wyżej) Ale to wydaje mi się taki pół środek, może jest jakieś hover none czy coś podobnego ?

0

Użyj first-child i last-child do wskazania tych wierszy:

tr:first-child:hover, tr:last-child:hover {
  background: inherit;
}

Z inherit zadziała, z none też.

0

Dzięki @furious programming bo fajne rozwiązanie, niestety musze wrócić chyba do swojego pomysłu gdyż tabelkę mam w paski czarno-szare a jeszcze inne tło ma DIV na którym jest tabelka, a przy Twoim rozwiązaniu Pierwszy i ostatni wiersz przyjmuje kolor DIVa

0

Zmień inherit (dziedzicz) na initial (wartość domyślna).

0

Nie łatwiej będzie Ci podzielić tabelę wykorzystując thead, tbody oraz tfoot, i nadać :hover tylko tym elementom z tbody?

1 użytkowników online, w tym zalogowanych: 0, gości: 1