表格行上的CSS nth子选择器

时间:2018-11-06 14:53:25

标签: html css

.teilnehmer:nth-of-type(odd) {
  background-color: red;
}
<table id="teilnehmer-inner-container">
  <tr teilnehmerid="1566" class="teilnehmer"><td>MARK RED</td></tr>
  <tr teilnehmerid="1566" class="add"><td>TEST</td></tr>
  <tr teilnehmerid="1566" class="add"><td>TEST</td></tr>
  <tr teilnehmerid="1566" class="add"><td>TEST</td></tr>
  <tr teilnehmerid="1566" class="teilnehmer"><td>TEST</td></tr>
  <tr teilnehmerid="1566" class="add"><td>TEST</td></tr>
  <tr teilnehmerid="1566" class="add"><td>TEST</td></tr>
  <tr teilnehmerid="1566" class="add"><td>TEST</td></tr>
  <tr teilnehmerid="1566" class="teilnehmer"><td>MARK RED</td></tr>
  <tr teilnehmerid="1566" class="add"><td>TEST</td></tr>
  <tr teilnehmerid="1566" class="add"><td>TEST</td></tr>
  <tr teilnehmerid="1566" class="add"><td>TEST</td></tr>
</table>

这是我的小提琴:http://jsfiddle.net/y9wsg/7/

我想每隔<tr>出现一次teilnehmer类的红色背景。

有什么想法吗?

0 个答案:

没有答案