Задать стиль каждому второму элементу

Sergey Polevich · November 12, 2008

Как задать стиль для каждого воторого элемента, к примеру:

<html>
  <head>
	<title>Hello world</title>
	<style type="text/css">tr.eachSecond {background-color:#eef;}</style>
  </head>
  <body>
	<table>
	  <tr><td>Hello</td><td>world</td></tr>
	  <tr><td>Hello</td><td>world</td></tr>
	  <tr><td>Hello</td><td>world</td></tr>
	  <tr><td>Hello</td><td>world</td></tr>
	  <tr><td>Hello</td><td>world</td></tr>
	</table>
  </body>
</html>

Как выделить цветом каждую вторую строку?

Можно ли это сделать средствами только css?

Edited November 12, 2008 by Sergey Polevich

homm · November 12, 2008

Нет. Это можно сделать или на стороне сервера, при формировании данных, если страницы динамические, либо на стороне клиента при помощи jQuery.

romlex · November 19, 2008

Как выделить цветом каждую вторую строку?
Можно ли это сделать средствами только css?

<html>
  <head>
	<title>Hello world</title>
	<style type="text/css">tr.eachSecond {background-color:#eef;}</style>
  </head>
  <body>
	<table>
	  <tr><td>Hello</td><td>world</td></tr>
	  <tr class="eachSecond"><td>Hello</td><td>world</td></tr>
	  <tr><td>Hello</td><td>world</td></tr>
	  <tr class="eachSecond"><td>Hello</td><td>world</td></tr>
	  <tr><td>Hello</td><td>world</td></tr>
	</table>
  </body>
</html>

По другому только циклом!

Sergey Polevich · November 20, 2008

Нет. Это можно сделать или на стороне сервера, при формировании данных, если страницы динамические, либо на стороне клиента при помощи jQuery.

Расскажите пожалуйста плюсы и минусы перечисленных вами способов.

Подскажите, какой наиболее просто реализуемый и быстро работающий способ.

Страницы динамические, выводятся по 25—100 строк за раз.

Edited November 20, 2008 by Sergey Polevich

Searcher · November 20, 2008

Страницы динамические, выводятся по 25—100 строк за раз.

заразы нам не нужны! ))

Если есть возможность формировать на стороне сервера по одной строке, то так проще всего будет. При формировании четным задавать один цвет, нечетным - другой.

Если не удается так, то не обязательно тянуть весь jQuery. Можно простую функцию и на JavaScript сделать. Поищите в и-нете, я встречал готовые решения.

Edited November 20, 2008 by Searcher

Sign In

Задать стиль каждому второму элементу

Question

Sergey Polevich

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

homm

Link to comment

Share on other sites

romlex

Link to comment

Share on other sites

Sergey Polevich

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information