Главная > CSS > css каждый второй tr

css каждый второй tr

30 декабря 2014 Написать комментарий К комментариям

Для таблиц с class even
Примеры CSS:
Каждый четный: :nth-child(even)

table.even {
	border-collapse:collapse;
	border:0px;
	width:100%;
}
table.even td{
	border:0px;
	padding:12px;
}
table.even tr:nth-child(even){
	background:#d38282;
	color:#ffffff;
}

Чтобы каждый 3-й и т.д.: nth-child(Nn)

table.even {
	border-collapse:collapse;
	border:0px;
	width:100%;
}
table.even td{
	border:0px;
	padding:12px;
}
table.even tr:nth-child(3n){
	background:#d38282;
	color:#ffffff;
}

Нечетные :nth-child(odd)
И т.д.

Categories: CSS Tags:
  1. Пока что нет комментариев.
Похожие публикации