Sposób nadawania dwóch różnych bgcolor dla alternatywnych wierszy w tabeli dynamicznie za pomocą CSS.
Nie chcę używać jquery do rozwiązania tego problemu.bgcolor dla alternatywnych wierszy w tabeli dynamicznie za pomocą CSS
8
A
Odpowiedz
11
1
Można użyć selektora CSS3 nth-child
:
tr:nth-child(odd)
reprezentuje nieparzystych wierszy tabeli HTML.
1
Zastosowanie :nth-of-type(n)
pseudoklasę
jako tak
tr:nth-of-type(2n){
background-color:green
}
tr:nth-of-type(2n-1){
background-color:yellow
}
Więcej informacjiclick here
Powiązane problemy
- 1. Wiersz tabeli - Podawanie alternatywnych kolorów
- 2. Prevent upadek pustych wierszy w tabeli HTML za pomocą CSS
- 3. SQL foreach za pomocą wierszy tabeli
- 4. Wyłączanie podziałów wierszy za pomocą CSS
- 5. Dynamicznie edytuj wewnętrzne CSS za pomocą VueJS
- 6. Dynamicznie odświeżanie wierszy w tabeli HTML przy użyciu UpdatePanel
- 7. Jak zmieniać kolory wierszy tabeli HTML za pomocą strony JSP?
- 8. Jak zapobiegać podziałom wierszy w elementach listy za pomocą CSS
- 9. Usuwanie niechcianych obramowań komórek tabeli za pomocą CSS
- 10. CSS Ustaw kolor tła komórki tabeli za pomocą tekstu wewnątrz komórki tabeli
- 11. Dodawanie wierszy i kolumn w tabeli z jQuery dynamicznie
- 12. jQuery alternatywne kolory wierszy tabeli dla konkretnej tabeli
- 13. sortuj widok tabeli za pomocą przeciągania i upuszczania (wierszy)
- 14. Dynamicznie Zmienianie tabeli do wybrania za pomocą instrukcji SQL CASE
- 15. Usuwanie wszystkich wierszy z tabeli za pomocą JPA
- 16. Wyśrodkuj wyrównanie wierszy tabeli siatki w JavaFX
- 17. Uzyskiwanie liczby wierszy dla tabeli w MySQL?
- 18. Dynamicznie ustawić filtry css za pośrednictwem JavaScript
- 19. Liczba wierszy SQL w tabeli
- 20. Rolling wierszy w tabeli SQL
- 21. Obejście dla resetowania CSS zastępujące przestarzałe atrybuty HTML (np. Align, bgcolor)?
- 22. Skala tabeli html przed wydrukowaniem za pomocą css
- 23. Usuwanie wierszy za pomocą MySQL LEFT DOŁĄCZ
- 24. Przycisk wycentrowania w pionie za pomocą css
- 25. Jak dodać cień do całej tabeli za pomocą samego CSS?
- 26. Wyszarzają obraz za pomocą CSS?
- 27. Limit wierszy dla tabeli danych w R przy użyciu fidry
- 28. Ustaw pozycję dynamicznie za pomocą jquery
- 29. jQuery CSS() dla dynamicznie tworzonych elementów
- 30. wybierz wiersze w tabeli z wyjątkiem wierszy nagłówka tabeli
@Sowmya: Jak mogę usunąć bgcolor danego rzędu, podczas gdy używam tego rozwiązania –
można przypisać styl dla liczby wierszy jak tr: nth-child (4) {style here} http://jsfiddle.net/XUNg3/11/ lub możesz podać nazwę klasy dla wiersza tat i przypisać styl dla tej klasy. – Sowmya