2012-11-19 24 views

Odpowiedz

11

Zastosowanie: n-ty-dziecka() pseudoklasę

tr:nth-child(odd){ 
    background-color:green 
} 
tr:nth-child(even){ 
    background-color:yellow 
}​ 

DEMO

Here jest kilka innych przykładów selektora.

+0

@Sowmya: Jak mogę usunąć bgcolor danego rzędu, podczas gdy używam tego rozwiązania –

+1

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

1

Można użyć selektora CSS3 nth-child:

tr:nth-child(odd) 

reprezentuje nieparzystych wierszy tabeli HTML.

1

Demo

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 
} 

Demo

Więcej informacjiclick here

Powiązane problemy