krzesik
5.02.2016, 21:16:25
Witam,
mam tabelkę w której rekord na którym jest kursor zmienia kolor. Działa to dobrze poniżej kod jaki mam:
<tr style="background-color: #f2f2f2" onMouseOver="this.style.background='#99FF66'" onMouseOut="this.style.background='#f2f2f2'">
jak zrobić aby kolory rekordów były co drugi inny a podświetlony kursorem różny od pozostałych?
kapslokk
5.02.2016, 21:19:48
Wywal te śmieszne javascripty i zrób na cssie.
Podświetlanie aktywnego - :hover, różne kolory co drugi - nth-child
krzesik
5.02.2016, 21:31:12
wcześniej próbowałem ale mi nie wychodziło....
<style>
tr:nth-child(even) {background: #CCCCCC}
tr:nth-child(odd) {background: #FFFFFF}
</style>
kapslokk
5.02.2016, 21:33:00
krzesik
6.02.2016, 10:34:37
Super, dokładnie o takie coś mi chodziło, a w jaki sposób ograniczyć to do konkretnej tabeli?
viking
6.02.2016, 10:44:58
Przez dokładniejsze wskazanie. Podstawy seletorów: #tabela tr.
krzesik
6.02.2016, 11:09:28
ok, a jak jeszcze sprawić aby nie działało to dla nagłówków tabeli (mam je jako th)
viking
6.02.2016, 11:10:21
Poprawna tabela powinna mieć thead i tbody.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę
kliknij tutaj.