Podświetlenie tr:hover a ustawiony kolor wiersza

pytanie zadane 11 lipca 2017 w HTML i CSS przez Bartess Gaduła (3,630 p.)
zamknięte 11 lipca 2017 przez Bartess

Cześć.
Posłużę się małym przykładem poniżej.
Wiersze ładnie podświetlają się po najechaniu kursorem, ale tylko te, które nie mają narzuconego własnego stylu wiersza.
Jak zrobić, by styl wiersza był podrzędnym względem stylu tr:hover i również zmieniał kolor po najechaniu kursorem?

Pozdrawiam.

<HTML>
<HEAD>
<style type="text/css">
tr:hover {
background-color: GreenYellow;
}</style>
</HEAD>
<BODY>  

<table border=1 align="center" style="width:33%;">
<tr><td>Lp</TD><td>kol2</TD><td>kol 3</TD><td>kol 4</TD></TR>
<tr><td>Lp</TD><td>kol2</TD><td>kol 3</TD><td>kol 4</TD></TR>
<tr style="background-color: #ff5555;">
<td>Lp</TD><td>kol2</TD><td>kol 3</TD><td>kol 4</TD></TR>
<tr><td>Lp</TD><td>kol2</TD><td>kol 3</TD><td>kol 4</TD></TR>
</table>
</body>

komentarz zamknięcia: Rozwiązany

1 odpowiedź

odpowiedź 11 lipca 2017 przez Darrefull Użytkownik (660 p.)

Odpowiedź na pytanie:

background-color: GreenYellow !important;

komentarz 11 lipca 2017 przez Darrefull Użytkownik (660 p.)

1. Tutaj masz opis jak działa !important http://webkod.pl/kurs-css/lekcje/dzial-1/deklaracja-important-css Generalnie !important powinno się stosować bardzo rzadko, ale warto wiedzieć, że istnieje.

2. Korzystaj z HTML5 dodając

<!DOCTYPE html>

na początku pliku.

3. Korzystaj z CSS3 - zamiast align="center" stosuj text-align: center - w <style> itd.

4. Generalnie powinieneś zamienić

<tr style="background-color: #ff5555;">

na samo <tr> , a zawartość z style przenieść do wyżej zdeklarowanego <style> jako

<style>
tr {
 background-color: #ff5555;
}
tr:hover {
 background-color: GreenYellow;
}
</style>

komentarz 11 lipca 2017 przez Bartess Gaduła (3,630 p.)

Dziękuję za odpowiedź i pozostałe porady :-).

Podobne pytania

0 głosów

1 odpowiedź 391 wizyt

hover zmienia kolor tła dla nie tego diva, na którym znajduje się kursor

pytanie zadane 12 listopada 2018 w HTML i CSS przez Gucci93 Użytkownik (570 p.)

0 głosów

1 odpowiedź 120 wizyt

Obramowanie zdjęcia na hover

pytanie zadane 28 stycznia 2023 w HTML i CSS przez DamiNo Nowicjusz (120 p.)

+2 głosów

3 odpowiedzi 492 wizyt

Css hover - jak to zrobić

pytanie zadane 25 listopada 2022 w HTML i CSS przez MacieKap Bywalec (2,400 p.)

Podświetlenie tr:hover a ustawiony kolor wiersza

Zaloguj lub zarejestruj się, aby skomentować.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci